feat(css): implement shared CSS scanner for parsing SCSS interpolations and URL bodies

crates/biome_css_formatter/src/css/auxiliary/url_function.rs

@@ -14,15 +14,12 @@ impl FormatNodeRule<CssUrlFunction> for FormatCssUrlFunction {
             r_paren_token,
         } = node.as_fields();
 
-        write!(
-            f,
-            [
-                name.format(),
-                l_paren_token.format(),
-                value.format(),
-                modifiers.format(),
-                r_paren_token.format()
-            ]
-        )
+        write!(f, [name.format(), l_paren_token.format(), value.format()])?;
+
+        if value.is_some() && modifiers.iter().next().is_some() {
+            write!(f, [space()])?;
+        }
+
+        write!(f, [modifiers.format(), r_paren_token.format()])
     }
 }

crates/biome_css_formatter/tests/specs/css/scss/at-rule/container-general-enclosed.scss.snap

@@ -1,5 +1,6 @@
 ---
 source: crates/biome_formatter_test/src/snapshot_builder.rs
+assertion_line: 240
 info: css/scss/at-rule/container-general-enclosed.scss
 ---
 
@@ -38,7 +39,7 @@ info: css/scss/at-rule/container-general-enclosed.scss
   .b { color: blue; }
 }
 
-@container (foo(url("a.svg"namespace.fn(test)))) {
+@container (foo(url("a.svg" namespace.fn(test)))) {
 	.c {
 		color: green;
 	}
@@ -50,7 +51,7 @@ info: css/scss/at-rule/container-general-enclosed.scss
 @container main-layout or(test) {
 }
 
-@container main-layout foo(url("a.svg"fn(test))) {
+@container main-layout foo(url("a.svg" fn(test))) {
 }
 
 ```

crates/biome_css_formatter/tests/specs/css/scss/at-rule/supports-general-enclosed.scss.snap

@@ -1,5 +1,6 @@
 ---
 source: crates/biome_formatter_test/src/snapshot_builder.rs
+assertion_line: 240
 info: css/scss/at-rule/supports-general-enclosed.scss
 ---
 
@@ -36,7 +37,7 @@ info: css/scss/at-rule/supports-general-enclosed.scss
 	}
 }
 
-@supports foo(url("a.svg"namespace.fn(test))) {
+@supports foo(url("a.svg" namespace.fn(test))) {
 	.c {
 		color: green;
 	}

crates/biome_css_formatter/tests/specs/css/scss/declaration/url-interpolated-functions.scss

@@ -0,0 +1,13 @@
+.urls{
+expr3:url( a#{b}"c" );
+expr4:url( foo#{1 + 1}( bar ) );
+expr5:url(
+#{name}( bar )
+);
+expr6:url( #{prefix}-#{suffix}( bar ) );
+modifier-interpolated-mid:url(
+"a.png"   foo#{1 + 1}( bar )
+);
+modifier-interpolated-start:url( "a.png"
+#{format}(  woff2 ) );
+}

crates/biome_css_formatter/tests/specs/css/scss/declaration/url-interpolated-functions.scss.snap

@@ -0,0 +1,39 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+assertion_line: 240
+info: css/scss/declaration/url-interpolated-functions.scss
+---
+
+# Input
+
+```scss
+.urls{
+expr3:url( a#{b}"c" );
+expr4:url( foo#{1 + 1}( bar ) );
+expr5:url(
+#{name}( bar )
+);
+expr6:url( #{prefix}-#{suffix}( bar ) );
+modifier-interpolated-mid:url(
+"a.png"   foo#{1 + 1}( bar )
+);
+modifier-interpolated-start:url( "a.png"
+#{format}(  woff2 ) );
+}
+
+```
+
+
+# Formatted
+
+```scss
+.urls {
+	expr3: url(a#{b}"c");
+	expr4: url(foo#{1 + 1}(bar));
+	expr5: url(#{name}(bar));
+	expr6: url(#{prefix}-#{suffix}(bar));
+	modifier-interpolated-mid: url("a.png" foo#{1 + 1}(bar));
+	modifier-interpolated-start: url("a.png" #{format}(woff2));
+}
+
+```