feat: support parsing camel case in container queries (#11131)

.changeset/witty-adults-fold.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix parsing camelcase container query name

packages/svelte/src/compiler/parse/read/css-tree-cq/node/container_query.js

@@ -26,7 +26,7 @@ export function parse() {
 		// Container name doesn't match a query keyword, so assign it as container name.
 		if (!CONTAINER_QUERY_KEYWORDS.has(container_name.toLowerCase())) {
 			name = container_name;
-			this.eatIdent(container_name);
+			this.eat(Ident);
 		}
 	}
 

packages/svelte/test/css/samples/container-query-camel-case/expected.css

@@ -0,0 +1 @@
+.main.svelte-xyz{container-name:myContainer;container-type:inline-size}@container myContainer (min-width: 300px){h1.svelte-xyz{color:red}}

packages/svelte/test/css/samples/container-query-camel-case/input.svelte

@@ -0,0 +1,13 @@
+<h1 class="main">hello</h1>
+
+<style lang="css">
+  .main {
+    container-name: myContainer;
+    container-type: inline-size;
+  }
+  @container myContainer (min-width: 300px) {
+    h1 {
+      color: red;
+    }
+  }
+</style>