fix(css/parser): correctly parse container query scroll-state

.changeset/fix-scroll-state-container-query.md

@@ -0,0 +1,5 @@
+---
+"@biomejs/biome": patch
+---
+
+Fixed [#8842](https://github.com/biomejs/biome/issues/8842): The CSS formatter now correctly formats `@container scroll-state()` without adding an unwanted space between the function name and opening parenthesis.

crates/biome_css_formatter/tests/specs/css/atrule/container.css

@@ -66,3 +66,13 @@ inline-size
 
 @container ( WIDTH <= 150px ) {  }
 @container ( 150px <= WIDTH ) {  }
+
+@container scroll-state(scrolled: bottom) {  }
+
+@container scroll-state(stuck: top) {  }
+
+@container not scroll-state(stuck) {  }
+
+@container card scroll-state(scrolled: bottom) {  }
+
+@container   scroll-state(  scrolled:   bottom  )   {  }

crates/biome_css_formatter/tests/specs/css/atrule/container.css.snap

@@ -75,6 +75,16 @@ inline-size
 @container ( WIDTH <= 150px ) {  }
 @container ( 150px <= WIDTH ) {  }
 
+@container scroll-state(scrolled: bottom) {  }
+
+@container scroll-state(stuck: top) {  }
+
+@container not scroll-state(stuck) {  }
+
+@container card scroll-state(scrolled: bottom) {  }
+
+@container   scroll-state(  scrolled:   bottom  )   {  }
+
 ```
 
 
@@ -149,4 +159,15 @@ Trailing newline: true
 @container (150px <= WIDTH) {
 }
 
+@container scroll-state(scrolled: bottom) {  }
+
+@container scroll-state(stuck: top) {  }
+
+@container not scroll-state(stuck) {
+}
+
+@container card scroll-state(scrolled: bottom) {  }
+
+@container   scroll-state(  scrolled:   bottom  )   {  }
+
 ```

crates/biome_css_parser/src/syntax/at_rule/container/mod.rs

@@ -90,7 +90,7 @@ pub(crate) fn parse_container_at_rule_declarator(p: &mut CssParser) -> ParsedSyn
     let m = p.start();
     p.bump(T![container]);
 
-    if !is_at_container_style_query_in_parens(p) {
+    if !is_at_container_style_query_in_parens(p) && !is_at_container_scroll_state_query(p) {
         let name = parse_custom_identifier(p, CssLexContext::Regular);
         // Because the name is optional, we have to indirectly check if it's
         // a CSS-wide keyword that can't be used. If it was required, we could