feat(css): add support for SCSS @for at-rule

crates/biome_css_formatter/src/css/any/at_rule.rs

@@ -36,6 +36,7 @@ impl FormatRule<AnyCssAtRule> for FormatAnyCssAtRule {
             AnyCssAtRule::ScssDebugAtRule(node) => node.format().fmt(f),
             AnyCssAtRule::ScssEachAtRule(node) => node.format().fmt(f),
             AnyCssAtRule::ScssErrorAtRule(node) => node.format().fmt(f),
+            AnyCssAtRule::ScssForAtRule(node) => node.format().fmt(f),
             AnyCssAtRule::ScssIfAtRule(node) => node.format().fmt(f),
             AnyCssAtRule::ScssWarnAtRule(node) => node.format().fmt(f),
             AnyCssAtRule::ScssWhileAtRule(node) => node.format().fmt(f),

crates/biome_css_formatter/src/generated.rs

@@ -7381,6 +7381,44 @@ impl IntoFormat<CssFormatContext> for biome_css_syntax::ScssExpression {
         )
     }
 }
+impl FormatRule<biome_css_syntax::ScssForAtRule>
+    for crate::scss::statements::for_at_rule::FormatScssForAtRule
+{
+    type Context = CssFormatContext;
+    #[inline(always)]
+    fn fmt(
+        &self,
+        node: &biome_css_syntax::ScssForAtRule,
+        f: &mut CssFormatter,
+    ) -> FormatResult<()> {
+        FormatNodeRule::<biome_css_syntax::ScssForAtRule>::fmt(self, node, f)
+    }
+}
+impl AsFormat<CssFormatContext> for biome_css_syntax::ScssForAtRule {
+    type Format<'a> = FormatRefWithRule<
+        'a,
+        biome_css_syntax::ScssForAtRule,
+        crate::scss::statements::for_at_rule::FormatScssForAtRule,
+    >;
+    fn format(&self) -> Self::Format<'_> {
+        FormatRefWithRule::new(
+            self,
+            crate::scss::statements::for_at_rule::FormatScssForAtRule::default(),
+        )
+    }
+}
+impl IntoFormat<CssFormatContext> for biome_css_syntax::ScssForAtRule {
+    type Format = FormatOwnedWithRule<
+        biome_css_syntax::ScssForAtRule,
+        crate::scss::statements::for_at_rule::FormatScssForAtRule,
+    >;
+    fn into_format(self) -> Self::Format {
+        FormatOwnedWithRule::new(
+            self,
+            crate::scss::statements::for_at_rule::FormatScssForAtRule::default(),
+        )
+    }
+}
 impl FormatRule<biome_css_syntax::ScssIdentifier>
     for crate::scss::value::identifier::FormatScssIdentifier
 {

crates/biome_css_formatter/src/scss/statements/for_at_rule.rs

@@ -0,0 +1,39 @@
+use crate::prelude::*;
+use biome_css_syntax::{ScssForAtRule, ScssForAtRuleFields};
+use biome_formatter::write;
+
+#[derive(Debug, Clone, Default)]
+pub(crate) struct FormatScssForAtRule;
+
+impl FormatNodeRule<ScssForAtRule> for FormatScssForAtRule {
+    fn fmt_fields(&self, node: &ScssForAtRule, f: &mut CssFormatter) -> FormatResult<()> {
+        let ScssForAtRuleFields {
+            for_token,
+            variable,
+            from_token,
+            lower_bound,
+            operator,
+            upper_bound,
+            block,
+        } = node.as_fields();
+
+        write!(
+            f,
+            [
+                for_token.format(),
+                space(),
+                variable.format(),
+                space(),
+                from_token.format(),
+                space(),
+                lower_bound.format(),
+                space(),
+                operator.format(),
+                space(),
+                upper_bound.format(),
+                space(),
+                block.format()
+            ]
+        )
+    }
+}

crates/biome_css_formatter/src/scss/statements/mod.rs

@@ -3,6 +3,7 @@
 pub(crate) mod debug_at_rule;
 pub(crate) mod each_at_rule;
 pub(crate) mod error_at_rule;
+pub(crate) mod for_at_rule;
 pub(crate) mod if_at_rule;
 pub(crate) mod warn_at_rule;
 pub(crate) mod while_at_rule;

crates/biome_css_formatter/tests/specs/css/scss/at-rule/for.scss

@@ -0,0 +1,17 @@
+.a{
+@for $i from 1 through 3{
+width:$i * 1px;
+}
+}
+
+.b{
+@for
+$step
+from
+$start+1
+to
+$end - 1
+{
+margin:$step;
+}
+}

crates/biome_css_formatter/tests/specs/css/scss/at-rule/for.scss.snap

@@ -0,0 +1,58 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+info: css/scss/at-rule/for.scss
+---
+
+# Input
+
+```scss
+.a{
+@for $i from 1 through 3{
+width:$i * 1px;
+}
+}
+
+.b{
+@for
+$step
+from
+$start+1
+to
+$end - 1
+{
+margin:$step;
+}
+}
+
+```
+
+
+=============================
+
+# Outputs
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Quote style: Double Quotes
+Trailing newline: true
+-----
+
+```scss
+.a {
+	@for $i from 1 through 3 {
+		width: $i * 1px;
+	}
+}
+
+.b {
+	@for $step from $start + 1 to $end - 1 {
+		margin: $step;
+	}
+}
+
+```

crates/biome_css_parser/src/lexer/mod.rs

@@ -795,6 +795,7 @@ impl<'src> CssLexer<'src> {
             b"important" => IMPORTANT_KW,
             b"from" => FROM_KW,
             b"to" => TO_KW,
+            b"through" => THROUGH_KW,
             b"var" => VAR_KW,
             b"highlight" => HIGHLIGHT_KW,
             b"part" => PART_KW,
@@ -838,6 +839,7 @@ impl<'src> CssLexer<'src> {
             b"debug" => DEBUG_KW,
             b"warn" => WARN_KW,
             b"error" => ERROR_KW,
+            b"for" => FOR_KW,
             b"while" => WHILE_KW,
             b"sass" => SASS_KW,
             b"style" => STYLE_KW,

crates/biome_css_parser/src/lexer/tests.rs

@@ -309,7 +309,7 @@ fn cdo_and_cdc() {
 #[test]
 fn keywords() {
     assert_lex! {
-        "media keyframes important from sass each debug warn error",
+        "media keyframes important from through sass each debug warn error for",
         MEDIA_KW:5,
         WHITESPACE:1,
         KEYFRAMES_KW:9,
@@ -318,6 +318,8 @@ fn keywords() {
         WHITESPACE:1,
         FROM_KW:4,
         WHITESPACE:1,
+        THROUGH_KW:7,
+        WHITESPACE:1,
         SASS_KW:4,
         WHITESPACE:1,
         EACH_KW:4,
@@ -326,7 +328,9 @@ fn keywords() {
         WHITESPACE:1,
         WARN_KW:4,
         WHITESPACE:1,
-        ERROR_KW:5
+        ERROR_KW:5,
+        WHITESPACE:1,
+        FOR_KW:3
     }
 }
 

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

@@ -76,8 +76,8 @@ use crate::syntax::CssSyntaxFeatures;
 use crate::syntax::parse_error::{expected_any_at_rule, tailwind_disabled};
 use crate::syntax::scss::{
     parse_bogus_scss_else_at_rule, parse_scss_debug_at_rule, parse_scss_each_at_rule,
-    parse_scss_error_at_rule, parse_scss_if_at_rule, parse_scss_warn_at_rule,
-    parse_scss_while_at_rule,
+    parse_scss_error_at_rule, parse_scss_for_at_rule, parse_scss_if_at_rule,
+    parse_scss_warn_at_rule, parse_scss_while_at_rule,
 };
 use biome_css_syntax::CssSyntaxKind::*;
 use biome_css_syntax::T;
@@ -142,6 +142,9 @@ pub(crate) fn parse_any_at_rule(p: &mut CssParser) -> ParsedSyntax {
         T![each] => CssSyntaxFeatures::Scss
             .parse_supported_syntax(p, parse_scss_each_at_rule)
             .or_else(|| parse_unknown_at_rule(p)),
+        T![for] => CssSyntaxFeatures::Scss
+            .parse_supported_syntax(p, parse_scss_for_at_rule)
+            .or_else(|| parse_unknown_at_rule(p)),
         T![if] => CssSyntaxFeatures::Scss
             .parse_supported_syntax(p, parse_scss_if_at_rule)
             .or_else(|| parse_unknown_at_rule(p)),