feat(css/ast): Add types for dashed identifiers and @color-profile at-rules (#3364)

crates/swc_css_ast/src/at_rule/color_profile.rs

@@ -0,0 +1,17 @@
+use crate::{DashedIdent, DeclarationBlockItem, Ident};
+use swc_common::{ast_node, Span};
+
+#[ast_node]
+pub enum ColorProfileName {
+    #[tag("DashedIdent")]
+    DashedIdent(DashedIdent),
+    #[tag("Ident")]
+    Ident(Ident),
+}
+
+#[ast_node("ColorProfileRule")]
+pub struct ColorProfileRule {
+    pub span: Span,
+    pub name: ColorProfileName,
+    pub block: Vec<DeclarationBlockItem>,
+}

crates/swc_css_ast/src/at_rule/mod.rs

@@ -1,11 +1,13 @@
 pub use self::{
-    charset::*, document::*, import::*, keyframe::*, layer::*, media::*, page::*, support::*,
+    charset::*, color_profile::*, document::*, import::*, keyframe::*, layer::*, media::*, page::*,
+    support::*,
 };
-use crate::{Block, Ident, SimpleBlock, Str, Url, Value};
+use crate::{Block, DashedIdent, Ident, SimpleBlock, Str, Url, Value};
 use is_macro::Is;
 use swc_common::{ast_node, Span};
 
 mod charset;
+mod color_profile;
 mod document;
 mod import;
 mod keyframe;
@@ -50,6 +52,9 @@ pub enum AtRule {
     #[tag("DocumentRule")]
     Document(DocumentRule),
 
+    #[tag("ColorProfileRule")]
+    ColorProfile(ColorProfileRule),
+
     #[tag("UnknownAtRule")]
     Unknown(UnknownAtRule),
 }
@@ -82,10 +87,19 @@ pub struct ViewportRule {
     pub block: Block,
 }
 
+#[ast_node]
+pub enum AtRuleName {
+    #[tag("DashedIdent")]
+    DashedIdent(DashedIdent),
+
+    #[tag("Ident")]
+    Ident(Ident),
+}
+
 #[ast_node("UnknownAtRule")]
 pub struct UnknownAtRule {
     pub span: Span,
-    pub name: Ident,
+    pub name: AtRuleName,
     pub prelude: Vec<Value>,
     pub block: Option<SimpleBlock>,
 }

crates/swc_css_ast/src/base.rs

@@ -15,6 +15,13 @@ pub struct CustomIdent {
     pub raw: JsWord,
 }
 
+#[ast_node("DashedIdentifier")]
+pub struct DashedIdent {
+    pub span: Span,
+    pub value: JsWord,
+    pub raw: JsWord,
+}
+
 /// Quoted string.
 #[ast_node("String")]
 pub struct Str {

crates/swc_css_ast/src/style_rule.rs

@@ -1,4 +1,4 @@
-use crate::{AtRule, Ident, SelectorList, Tokens, Value};
+use crate::{AtRule, DashedIdent, Ident, SelectorList, Tokens, Value};
 use swc_common::{ast_node, Span};
 
 #[ast_node("SimpleBlock")]
@@ -33,10 +33,18 @@ pub enum DeclarationBlockItem {
     AtRule(AtRule),
 }
 
+#[ast_node]
+pub enum DeclarationProperty {
+    #[tag("Ident")]
+    Ident(Ident),
+    #[tag("DashedIdent")]
+    DashedIdent(DashedIdent),
+}
+
 #[ast_node("Declaration")]
 pub struct Declaration {
     pub span: Span,
-    pub property: Ident,
+    pub property: DeclarationProperty,
     pub value: Vec<Value>,
     /// The span includes `!`
     pub important: Option<Span>,

crates/swc_css_ast/src/value.rs

@@ -1,4 +1,4 @@
-use crate::{Ident, SimpleBlock, Str, Tokens};
+use crate::{DashedIdent, Ident, SimpleBlock, Str, Tokens};
 use string_enum::StringEnum;
 use swc_atoms::JsWord;
 use swc_common::{ast_node, EqIgnoreSpan, Span};
@@ -26,6 +26,9 @@ pub enum Value {
     #[tag("Ident")]
     Ident(Ident),
 
+    #[tag("DashedIdent")]
+    DashedIdent(DashedIdent),
+
     #[tag("String")]
     Str(Str),
 

crates/swc_css_codegen/src/lib.rs

@@ -79,6 +79,7 @@ where
             AtRule::Namespace(n) => emit!(self, n),
             AtRule::Viewport(n) => emit!(self, n),
             AtRule::Document(n) => emit!(self, n),
+            AtRule::ColorProfile(n) => emit!(self, n),
             AtRule::Unknown(n) => emit!(self, n),
         }
     }
@@ -572,6 +573,7 @@ where
             Value::Ratio(n) => emit!(self, n),
             Value::Hash(n) => emit!(self, n),
             Value::Ident(n) => emit!(self, n),
+            Value::DashedIdent(n) => emit!(self, n),
             Value::Str(n) => emit!(self, n),
             Value::Bin(n) => emit!(self, n),
             Value::Space(n) => emit!(self, n),
@@ -582,6 +584,33 @@ where
         }
     }
 
+    #[emitter]
+    fn emit_at_rule_name(&mut self, n: &AtRuleName) -> Result {
+        match n {
+            AtRuleName::Ident(n) => emit!(self, n),
+            AtRuleName::DashedIdent(n) => emit!(self, n),
+        }
+    }
+
+    #[emitter]
+    fn emit_color_profile_name(&mut self, n: &ColorProfileName) -> Result {
+        match n {
+            ColorProfileName::Ident(n) => emit!(self, n),
+            ColorProfileName::DashedIdent(n) => emit!(self, n),
+        }
+    }
+
+    #[emitter]
+    fn emit_color_profile_rule(&mut self, n: &ColorProfileRule) -> Result {
+        punct!(self, "@");
+        keyword!(self, "color-profile");
+        space!(self);
+        emit!(self, n.name);
+        punct!(self, "{");
+        self.emit_list(&n.block, ListFormat::NotDelimited)?;
+        punct!(self, "}");
+    }
+
     #[emitter]
     fn emit_unknown_at_rule(&mut self, n: &UnknownAtRule) -> Result {
         punct!(self, "@");
@@ -642,12 +671,23 @@ where
         }
     }
 
+    #[emitter]
+    fn emit_declaration_property(&mut self, n: &DeclarationProperty) -> Result {
+        match n {
+            DeclarationProperty::Ident(n) => emit!(self, n),
+            DeclarationProperty::DashedIdent(n) => emit!(self, n),
+        }
+    }
+
     #[emitter]
     fn emit_declaration(&mut self, n: &Declaration) -> Result {
         emit!(self, n.property);
         punct!(self, ":");
 
-        let is_custom_property = n.property.value.starts_with("--");
+        let is_custom_property = match n.property {
+            DeclarationProperty::DashedIdent(_) => true,
+            DeclarationProperty::Ident(_) => false,
+        };
 
         if !is_custom_property {
             formatting_space!(self);
@@ -685,6 +725,11 @@ where
         self.wr.write_raw(Some(n.span), &n.raw)?;
     }
 
+    #[emitter]
+    fn emit_dashed_ident(&mut self, n: &DashedIdent) -> Result {
+        self.wr.write_raw(Some(n.span), &n.raw)?;
+    }
+
     #[emitter]
     fn emit_keyframe_block_rule(&mut self, n: &KeyframeBlockRule) -> Result {
         match n {

crates/swc_css_parser/src/parser/at_rule.rs

@@ -4,7 +4,7 @@ use crate::{
     parser::{Ctx, RuleContext},
     Parse,
 };
-use swc_common::Span;
+use swc_common::{BytePos, Span};
 use swc_css_ast::*;
 
 #[derive(Debug, Default)]
@@ -195,21 +195,54 @@ where
                 }
             }
 
+            "color-profile" => {
+                self.input.skip_ws()?;
+
+                let at_rule_color_profile = self.parse();
+
+                if at_rule_color_profile.is_ok() {
+                    return at_rule_color_profile
+                        .map(|mut r: ColorProfileRule| {
+                            r.span.lo = at_rule_span.lo;
+                            r
+                        })
+                        .map(AtRule::ColorProfile);
+                }
+            }
+
             _ => {}
         }
 
         self.input.reset(&state);
 
+        let name = if name.0.starts_with("--") {
+            AtRuleName::DashedIdent(DashedIdent {
+                span: Span::new(
+                    at_rule_span.lo + BytePos(1),
+                    at_rule_span.hi,
+                    Default::default(),
+                ),
+                value: name.0,
+                raw: name.1,
+            })
+        } else {
+            AtRuleName::Ident(Ident {
+                span: Span::new(
+                    at_rule_span.lo + BytePos(1),
+                    at_rule_span.hi,
+                    Default::default(),
+                ),
+                value: name.0,
+                raw: name.1,
+            })
+        };
+
         // Consume the next input token. Create a new at-rule with its name set to the
         // value of the current input token, its prelude initially set to an empty list,
         // and its value initially set to nothing.
         let mut at_rule = UnknownAtRule {
             span: span!(self, at_rule_span.lo),
-            name: Ident {
+            name,
-                span: span!(self, at_rule_span.lo),
-                value: name.0,
-                raw: name.1,
-            },
             prelude: vec![],
             block: None,
         };
@@ -1543,3 +1576,37 @@ where
         })
     }
 }
+
+impl<I> Parse<ColorProfileRule> for Parser<I>
+where
+    I: ParserInput,
+{
+    fn parse(&mut self) -> PResult<ColorProfileRule> {
+        let span = self.input.cur_span()?;
+
+        let name = match cur!(self) {
+            Token::Ident { value, .. } => {
+                if value.starts_with("--") {
+                    ColorProfileName::DashedIdent(self.parse()?)
+                } else {
+                    ColorProfileName::Ident(self.parse()?)
+                }
+            }
+            _ => {
+                return Err(Error::new(span, ErrorKind::Expected("ident")));
+            }
+        };
+
+        expect!(self, "{");
+
+        let block = self.parse()?;
+
+        expect!(self, "}");
+
+        Ok(ColorProfileRule {
+            span: span!(self, span.lo),
+            name,
+            block,
+        })
+    }
+}

crates/swc_css_parser/src/parser/style_rule.rs

@@ -203,11 +203,28 @@ where
     I: ParserInput,
 {
     fn parse(&mut self) -> PResult<Declaration> {
-        let start = self.input.cur_span()?.lo;
+        let span = self.input.cur_span()?;
 
         self.input.skip_ws()?;
 
-        let property: Ident = self.parse()?;
+        let is_dashed_ident = match cur!(self) {
+            Token::Ident { value, .. } => {
+                if value.starts_with("--") {
+                    true
+                } else {
+                    false
+                }
+            }
+            _ => {
+                return Err(Error::new(span, ErrorKind::Expected("Ident")));
+            }
+        };
+
+        let property = if is_dashed_ident {
+            DeclarationProperty::DashedIdent(self.parse()?)
+        } else {
+            DeclarationProperty::Ident(self.parse()?)
+        };
 
         self.input.skip_ws()?;
 
@@ -217,13 +234,13 @@ where
         let mut value = vec![];
 
         if !is!(self, EOF) {
-            match &*property.value {
+            match is_dashed_ident {
-                str if str.starts_with("--") => {
+                true => {
                     let tokens = Value::Tokens(self.parse_declaration_value()?);
 
                     value.push(tokens);
                 }
-                _ => {
+                false => {
                     let ctx = Ctx {
                         allow_operation_in_value: false,
                         recover_from_property_value: true,
@@ -273,7 +290,7 @@ where
         self.input.skip_ws()?;
 
         Ok(Declaration {
-            span: Span::new(start, end, Default::default()),
+            span: Span::new(span.lo, end, Default::default()),
             property,
             value,
             important,

crates/swc_css_parser/src/parser/value/mod.rs

@@ -293,7 +293,13 @@ where
 
             tok!("dimension") => return self.parse_numeric_value(),
 
-            tok!("ident") => return Ok(Value::Ident(self.parse()?)),
+            Token::Ident { value, .. } => {
+                if value.starts_with("--") {
+                    return Ok(Value::DashedIdent(self.parse()?));
+                };
+
+                return Ok(Value::Ident(self.parse()?));
+            }
 
             tok!("[") => return self.parse_square_brackets_value().map(From::from),
 
@@ -661,6 +667,35 @@ where
     }
 }
 
+impl<I> Parse<DashedIdent> for Parser<I>
+where
+    I: ParserInput,
+{
+    fn parse(&mut self) -> PResult<DashedIdent> {
+        let span = self.input.cur_span()?;
+
+        if !is!(self, Ident) {
+            return Err(Error::new(span, ErrorKind::Expected("Ident")));
+        }
+
+        match bump!(self) {
+            Token::Ident { value, raw } => {
+                if !value.starts_with("--") {
+                    return Err(Error::new(
+                        span,
+                        ErrorKind::Expected("'--' at the start of dashed-ident"),
+                    ));
+                }
+
+                Ok(DashedIdent { span, value, raw })
+            }
+            _ => {
+                unreachable!()
+            }
+        }
+    }
+}
+
 impl<I> Parse<Ident> for Parser<I>
 where
     I: ParserInput,

crates/swc_css_parser/tests/fixture.rs

@@ -299,6 +299,7 @@ impl Visit for SpanVisualizer<'_> {
     mtd!(Number, visit_number);
     mtd!(Ratio, visit_ratio);
     mtd!(Percent, visit_percent);
+    mtd!(DeclarationProperty, visit_declaration_property);
     mtd!(Declaration, visit_declaration);
     mtd!(Nth, visit_nth);
     mtd!(AnPlusB, visit_an_plus_b);
@@ -313,6 +314,7 @@ impl Visit for SpanVisualizer<'_> {
     mtd!(TagSelector, visit_tag_selector);
     mtd!(Ident, visit_ident);
     mtd!(CustomIdent, visit_custom_ident);
+    mtd!(DashedIdent, visit_dashed_ident);
     mtd!(Tokens, visit_tokens);
     mtd!(Unit, visit_unit);
     mtd!(UnitValue, visit_unit_value);
@@ -376,8 +378,11 @@ impl Visit for SpanVisualizer<'_> {
     mtd!(PageRuleBlock, visit_page_rule_block);
     mtd!(PageRuleBlockItem, visit_page_rule_block_item);
     mtd!(PageSelector, visit_page_selector);
+    mtd!(AtRuleName, visit_at_rule_name);
     mtd!(UnknownAtRule, visit_unknown_at_rule);
     mtd!(ViewportRule, visit_viewport_rule);
+    mtd!(ColorProfileName, visit_color_profile_name);
+    mtd!(ColorProfileRule, visit_color_profile_rule);
 
     fn visit_token_and_span(&mut self, n: &TokenAndSpan) {
         self.handler

crates/swc_css_parser/tests/fixture/at-rule/color-profile/input.css

@@ -0,0 +1,7 @@
+@color-profile --fogra39 {
+    src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+}
+
+@color-profile device-cmyk {
+    src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+}

crates/swc_css_parser/tests/fixture/at-rule/color-profile/output.json

@@ -0,0 +1,150 @@
+{
+  "type": "Stylesheet",
+  "span": {
+    "start": 0,
+    "end": 222,
+    "ctxt": 0
+  },
+  "rules": [
+    {
+      "type": "ColorProfileRule",
+      "span": {
+        "start": 0,
+        "end": 94,
+        "ctxt": 0
+      },
+      "name": {
+        "type": "DashedIdentifier",
+        "span": {
+          "start": 15,
+          "end": 24,
+          "ctxt": 0
+        },
+        "value": "--fogra39",
+        "raw": "--fogra39"
+      },
+      "block": [
+        {
+          "type": "Declaration",
+          "span": {
+            "start": 31,
+            "end": 91,
+            "ctxt": 0
+          },
+          "property": {
+            "type": "Identifier",
+            "span": {
+              "start": 31,
+              "end": 34,
+              "ctxt": 0
+            },
+            "value": "src",
+            "raw": "src"
+          },
+          "value": [
+            {
+              "type": "Url",
+              "span": {
+                "start": 36,
+                "end": 91,
+                "ctxt": 0
+              },
+              "name": {
+                "type": "Identifier",
+                "span": {
+                  "start": 36,
+                  "end": 39,
+                  "ctxt": 0
+                },
+                "value": "url",
+                "raw": "url"
+              },
+              "value": {
+                "type": "String",
+                "span": {
+                  "start": 40,
+                  "end": 90,
+                  "ctxt": 0
+                },
+                "value": "https://example.org/Coated_Fogra39L_VIGC_300.icc",
+                "raw": "'https://example.org/Coated_Fogra39L_VIGC_300.icc'"
+              },
+              "modifiers": []
+            }
+          ],
+          "important": null
+        }
+      ]
+    },
+    {
+      "type": "ColorProfileRule",
+      "span": {
+        "start": 96,
+        "end": 221,
+        "ctxt": 0
+      },
+      "name": {
+        "type": "Identifier",
+        "span": {
+          "start": 111,
+          "end": 122,
+          "ctxt": 0
+        },
+        "value": "device-cmyk",
+        "raw": "device-cmyk"
+      },
+      "block": [
+        {
+          "type": "Declaration",
+          "span": {
+            "start": 129,
+            "end": 218,
+            "ctxt": 0
+          },
+          "property": {
+            "type": "Identifier",
+            "span": {
+              "start": 129,
+              "end": 132,
+              "ctxt": 0
+            },
+            "value": "src",
+            "raw": "src"
+          },
+          "value": [
+            {
+              "type": "Url",
+              "span": {
+                "start": 134,
+                "end": 218,
+                "ctxt": 0
+              },
+              "name": {
+                "type": "Identifier",
+                "span": {
+                  "start": 134,
+                  "end": 137,
+                  "ctxt": 0
+                },
+                "value": "url",
+                "raw": "url"
+              },
+              "value": {
+                "type": "String",
+                "span": {
+                  "start": 138,
+                  "end": 217,
+                  "ctxt": 0
+                },
+                "value": "https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc",
+                "raw": "'https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc'"
+              },
+              "modifiers": []
+            }
+          ],
+          "important": null
+        }
+      ]
+    }
+  ]
+}

crates/swc_css_parser/tests/fixture/at-rule/color-profile/span.rust-debug

@@ -0,0 +1,180 @@
+error: Stylesheet
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:1:1
+  |
+1 | / @color-profile --fogra39 {
+2 | |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+3 | | }
+4 | |
+5 | | @color-profile device-cmyk {
+6 | |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+7 | | }
+  | |__^
+
+error: Rule
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:1:1
+  |
+1 | / @color-profile --fogra39 {
+2 | |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+3 | | }
+  | |_^
+
+error: AtRule
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:1:1
+  |
+1 | / @color-profile --fogra39 {
+2 | |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+3 | | }
+  | |_^
+
+error: ColorProfileRule
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:1:1
+  |
+1 | / @color-profile --fogra39 {
+2 | |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+3 | | }
+  | |_^
+
+error: ColorProfileName
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:1:16
+  |
+1 | @color-profile --fogra39 {
+  |                ^^^^^^^^^
+
+error: DashedIdent
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:1:16
+  |
+1 | @color-profile --fogra39 {
+  |                ^^^^^^^^^
+
+error: Declaration
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:5
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:5
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |     ^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:5
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |     ^^^
+
+error: Value
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:10
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Url
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:10
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:10
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |          ^^^
+
+error: UrlValue
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:14
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Str
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:2:14
+  |
+2 |     src: url('https://example.org/Coated_Fogra39L_VIGC_300.icc');
+  |              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Rule
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:5:1
+  |
+5 | / @color-profile device-cmyk {
+6 | |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+7 | | }
+  | |_^
+
+error: AtRule
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:5:1
+  |
+5 | / @color-profile device-cmyk {
+6 | |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+7 | | }
+  | |_^
+
+error: ColorProfileRule
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:5:1
+  |
+5 | / @color-profile device-cmyk {
+6 | |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+7 | | }
+  | |_^
+
+error: ColorProfileName
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:5:16
+  |
+5 | @color-profile device-cmyk {
+  |                ^^^^^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:5:16
+  |
+5 | @color-profile device-cmyk {
+  |                ^^^^^^^^^^^
+
+error: Declaration
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:5
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:5
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |     ^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:5
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |     ^^^
+
+error: Value
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:10
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Url
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:10
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:10
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |          ^^^
+
+error: UrlValue
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:14
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: Str
+ --> $DIR/tests/fixture/at-rule/color-profile/input.css:6:14
+  |
+6 |     src: url('https://drafts.csswg.org/css-color-4/ICCprofiles/Coated_Fogra39L_VIGC_300.icc');
+  |              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+

crates/swc_css_parser/tests/fixture/at-rule/font-face/span.rust-debug

@@ -55,6 +55,12 @@ error: Declaration
 2 |     font-family: "Open Sans";
   |     ^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/font-face/input.css:2:5
+  |
+2 |     font-family: "Open Sans";
+  |     ^^^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/font-face/input.css:2:5
   |
@@ -80,6 +86,12 @@ error: Declaration
 4 | |     url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
   | |______________________________________________________________^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/font-face/input.css:3:5
+  |
+3 |     src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
+  |     ^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/font-face/input.css:3:5
   |

crates/swc_css_parser/tests/fixture/at-rule/import/span.rust-debug

@@ -1018,6 +1018,12 @@ error: Declaration
 19 | @import url("narrow.css") supports(display: flex) handheld and (max-width: 400px);
    |                                    ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/import/input.css:19:36
+   |
+19 | @import url("narrow.css") supports(display: flex) handheld and (max-width: 400px);
+   |                                    ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/import/input.css:19:36
    |
@@ -1180,6 +1186,12 @@ error: Declaration
 20 | @import url("narrow.css") SUPPORTS(display: flex) handheld and (max-width: 400px);
    |                                    ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/import/input.css:20:36
+   |
+20 | @import url("narrow.css") SUPPORTS(display: flex) handheld and (max-width: 400px);
+   |                                    ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/import/input.css:20:36
    |
@@ -1372,6 +1384,12 @@ error: Declaration
 21 | @import url("fallback-layout.css") supports(not (display: flex));
    |                                                  ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/import/input.css:21:50
+   |
+21 | @import url("fallback-layout.css") supports(not (display: flex));
+   |                                                  ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/import/input.css:21:50
    |
@@ -4666,6 +4684,12 @@ error: Declaration
 108 | @import "test.css" supports(display: flex);
     |                             ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:108:29
+    |
+108 | @import "test.css" supports(display: flex);
+    |                             ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:108:29
     |
@@ -4726,6 +4750,12 @@ error: Declaration
 109 | @import "test.css" supports(display: flex) screen and (orientation:landscape);
     |                             ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:109:29
+    |
+109 | @import "test.css" supports(display: flex) screen and (orientation:landscape);
+    |                             ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:109:29
     |
@@ -4858,6 +4888,12 @@ error: Declaration
 110 | @import"test.css"supports(display: flex)screen and (orientation:landscape);
     |                           ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:110:27
+    |
+110 | @import"test.css"supports(display: flex)screen and (orientation:landscape);
+    |                           ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:110:27
     |
@@ -5452,6 +5488,12 @@ error: Declaration
 128 | @import url("./test.css") supports(display: flex);
     |                                    ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:128:36
+    |
+128 | @import url("./test.css") supports(display: flex);
+    |                                    ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:128:36
     |
@@ -5530,6 +5572,12 @@ error: Declaration
 129 | @import url("./test.css") supports(display: flex !important);
     |                                    ^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:129:36
+    |
+129 | @import url("./test.css") supports(display: flex !important);
+    |                                    ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:129:36
     |
@@ -5608,6 +5656,12 @@ error: Declaration
 130 | @import url("./test.css") supports(display: flex) screen and (min-width: 400px);
     |                                    ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:130:36
+    |
+130 | @import url("./test.css") supports(display: flex) screen and (min-width: 400px);
+    |                                    ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:130:36
     |
@@ -5938,6 +5992,12 @@ error: Declaration
 133 | @import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
     |                                                   ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:133:51
+    |
+133 | @import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+    |                                                   ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:133:51
     |
@@ -6112,6 +6172,12 @@ error: Declaration
 134 | @import url("./test.css") layer supports(display: flex) screen and (min-width: 400px);
     |                                          ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:134:42
+    |
+134 | @import url("./test.css") layer supports(display: flex) screen and (min-width: 400px);
+    |                                          ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:134:42
     |
@@ -6292,6 +6358,12 @@ error: Declaration
 135 | @import url("./test.css") layer() supports(display: flex) screen and (min-width: 400px);
     |                                            ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:135:44
+    |
+135 | @import url("./test.css") layer() supports(display: flex) screen and (min-width: 400px);
+    |                                            ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:135:44
     |
@@ -6520,6 +6592,12 @@ error: Declaration
 137 | @import url("http://example.com/style.css") supports(display: flex) screen and (min-width: 400px);
     |                                                      ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:137:54
+    |
+137 | @import url("http://example.com/style.css") supports(display: flex) screen and (min-width: 400px);
+    |                                                      ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:137:54
     |
@@ -6712,6 +6790,12 @@ error: Declaration
 138 | @import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
     |                                                 ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:138:49
+    |
+138 | @import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
+    |                                                 ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:138:49
     |
@@ -7036,6 +7120,12 @@ error: Declaration
 142 | @import url("./test.css") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);
     |                                                                                                                      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:142:118
+    |
+142 | @import url("./test.css") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);
+    |                                                                                                                      ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:142:118
     |
@@ -7648,6 +7738,12 @@ error: Declaration
 149 | @import url("./import-with-supports.css") supports(display: flex);
     |                                                    ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:149:52
+    |
+149 | @import url("./import-with-supports.css") supports(display: flex);
+    |                                                    ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:149:52
     |
@@ -7768,6 +7864,12 @@ error: Declaration
 150 | @import url("./import-with-supports.css") supports(((display: flex)));
     |                                                      ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:150:54
+    |
+150 | @import url("./import-with-supports.css") supports(((display: flex)));
+    |                                                      ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:150:54
     |
@@ -7846,6 +7948,12 @@ error: Declaration
 151 | @import url("./deep-import-with-supports.css") supports(display: flex);
     |                                                         ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:151:57
+    |
+151 | @import url("./deep-import-with-supports.css") supports(display: flex);
+    |                                                         ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:151:57
     |
@@ -7924,6 +8032,12 @@ error: Declaration
 152 | @import url('./test.css') supports(display: grid);
     |                                    ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:152:36
+    |
+152 | @import url('./test.css') supports(display: grid);
+    |                                    ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:152:36
     |
@@ -8002,6 +8116,12 @@ error: Declaration
 153 | @import url('./test.css') supports(   display   :    grid   );
     |                                       ^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:153:39
+    |
+153 | @import url('./test.css') supports(   display   :    grid   );
+    |                                       ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:153:39
     |
@@ -8080,6 +8200,12 @@ error: Declaration
 154 | @import url("./import-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
     |                                                              ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:154:62
+    |
+154 | @import url("./import-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
+    |                                                              ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:154:62
     |
@@ -8506,6 +8632,12 @@ error: Declaration
 158 | @import url("./import-with-layer-and-supports.css") layer(default) supports(display: flex);
     |                                                                             ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+   --> $DIR/tests/fixture/at-rule/import/input.css:158:77
+    |
+158 | @import url("./import-with-layer-and-supports.css") layer(default) supports(display: flex);
+    |                                                                             ^^^^^^^
+
 error: Ident
    --> $DIR/tests/fixture/at-rule/import/input.css:158:77
     |

crates/swc_css_parser/tests/fixture/at-rule/keyframe/span.rust-debug

@@ -168,6 +168,12 @@ error: Declaration
 7 |         transform: translateX(0%);
   |         ^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/keyframe/input.css:7:9
+  |
+7 |         transform: translateX(0%);
+  |         ^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/keyframe/input.css:7:9
   |
@@ -254,6 +260,12 @@ error: Declaration
 11 |         transform: translateX(100%);
    |         ^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:11:9
+   |
+11 |         transform: translateX(100%);
+   |         ^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:11:9
    |
@@ -377,6 +389,12 @@ error: Declaration
 16 |     0% { top: 0; left: 0; }
    |          ^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:16:10
+   |
+16 |     0% { top: 0; left: 0; }
+   |          ^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:16:10
    |
@@ -401,6 +419,12 @@ error: Declaration
 16 |     0% { top: 0; left: 0; }
    |                  ^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:16:18
+   |
+16 |     0% { top: 0; left: 0; }
+   |                  ^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:16:18
    |
@@ -461,6 +485,12 @@ error: Declaration
 17 |     30% { top: 50px; }
    |           ^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:17:11
+   |
+17 |     30% { top: 50px; }
+   |           ^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:17:11
    |
@@ -551,6 +581,12 @@ error: Declaration
 18 |     68%, 72% { left: 50px; }
    |                ^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:18:16
+   |
+18 |     68%, 72% { left: 50px; }
+   |                ^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:18:16
    |
@@ -623,6 +659,12 @@ error: Declaration
 19 |     100% { top: 100px; left: 100%; }
    |            ^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:19:12
+   |
+19 |     100% { top: 100px; left: 100%; }
+   |            ^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:19:12
    |
@@ -659,6 +701,12 @@ error: Declaration
 19 |     100% { top: 100px; left: 100%; }
    |                        ^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/keyframe/input.css:19:24
+   |
+19 |     100% { top: 100px; left: 100%; }
+   |                        ^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/keyframe/input.css:19:24
    |

crates/swc_css_parser/tests/fixture/at-rule/layer/span.rust-debug

@@ -214,6 +214,12 @@ error: Declaration
 5 |         from { translate: 0; }
   |                ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/layer/input.css:5:16
+  |
+5 |         from { translate: 0; }
+  |                ^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/layer/input.css:5:16
   |
@@ -268,6 +274,12 @@ error: Declaration
 6 |         to { translate: -100% 0; }
   |              ^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/layer/input.css:6:14
+  |
+6 |         to { translate: -100% 0; }
+  |              ^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/layer/input.css:6:14
   |
@@ -424,6 +436,12 @@ error: Declaration
 12 |         from { margin-left: 0; }
    |                ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:12:16
+   |
+12 |         from { margin-left: 0; }
+   |                ^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:12:16
    |
@@ -478,6 +496,12 @@ error: Declaration
 13 |         to { margin-left: -100%; }
    |              ^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:13:14
+   |
+13 |         to { margin-left: -100%; }
+   |              ^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:13:14
    |
@@ -562,6 +586,12 @@ error: Declaration
 17 | .sidebar { animation: slide-left 300ms; }
    |            ^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:17:12
+   |
+17 | .sidebar { animation: slide-left 300ms; }
+   |            ^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:17:12
    |
@@ -742,6 +772,12 @@ error: Declaration
 23 |     strong { font-weight: bold; }
    |              ^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:23:14
+   |
+23 |     strong { font-weight: bold; }
+   |              ^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:23:14
    |
@@ -874,6 +910,12 @@ error: Declaration
 27 |     .title { font-weight: 100; }
    |              ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:27:14
+   |
+27 |     .title { font-weight: 100; }
+   |              ^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:27:14
    |
@@ -1012,6 +1054,12 @@ error: Declaration
 30 |         h1, h2 { color: maroon; }
    |                  ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:30:18
+   |
+30 |         h1, h2 { color: maroon; }
+   |                  ^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:30:18
    |
@@ -1132,6 +1180,12 @@ error: Declaration
 35 |     [hidden] { display: none; }
    |                ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:35:16
+   |
+35 |     [hidden] { display: none; }
+   |                ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:35:16
    |
@@ -1300,6 +1354,12 @@ error: Declaration
 40 |         p { margin-block: 0.75em; }
    |             ^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:40:13
+   |
+40 |         p { margin-block: 0.75em; }
+   |             ^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:40:13
    |
@@ -1426,6 +1486,12 @@ error: Declaration
 44 |         p { color: #222; }
    |             ^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:44:13
+   |
+44 |         p { color: #222; }
+   |             ^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:44:13
    |
@@ -1549,6 +1615,12 @@ error: Declaration
 50 |     blockquote { color: rebeccapurple; }
    |                  ^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/layer/input.css:50:18
+   |
+50 |     blockquote { color: rebeccapurple; }
+   |                  ^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/layer/input.css:50:18
    |

crates/swc_css_parser/tests/fixture/at-rule/page/span.rust-debug

@@ -94,6 +94,12 @@ error: Declaration
 3 | @page{margin: 1cm}
   |       ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/page/input.css:3:7
+  |
+3 | @page{margin: 1cm}
+  |       ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/page/input.css:3:7
   |
@@ -160,6 +166,12 @@ error: Declaration
 4 | @page {margin: 1cm}
   |        ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/page/input.css:4:8
+  |
+4 | @page {margin: 1cm}
+  |        ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/page/input.css:4:8
   |
@@ -226,6 +238,12 @@ error: Declaration
 5 | @page {margin: 1cm;}
   |        ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/page/input.css:5:8
+  |
+5 | @page {margin: 1cm;}
+  |        ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/page/input.css:5:8
   |
@@ -304,6 +322,12 @@ error: Declaration
 6 | @page :first {margin: 2cm}
   |               ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/page/input.css:6:15
+  |
+6 | @page :first {margin: 2cm}
+  |               ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/page/input.css:6:15
   |
@@ -382,6 +406,12 @@ error: Declaration
 7 | @page :first {margin: 2cm;}
   |               ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/page/input.css:7:15
+  |
+7 | @page :first {margin: 2cm;}
+  |               ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/page/input.css:7:15
   |
@@ -460,6 +490,12 @@ error: Declaration
 8 | @page :first{margin: 2cm;}
   |              ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/page/input.css:8:14
+  |
+8 | @page :first{margin: 2cm;}
+  |              ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/page/input.css:8:14
   |

crates/swc_css_parser/tests/fixture/at-rule/supports/span.rust-debug

@@ -70,6 +70,12 @@ error: Declaration
 1 | @supports (display: grid) {
   |            ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/supports/input.css:1:12
+  |
+1 | @supports (display: grid) {
+  |            ^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/supports/input.css:1:12
   |
@@ -149,6 +155,12 @@ error: Declaration
 3 |         display: grid;
   |         ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/supports/input.css:3:9
+  |
+3 |         display: grid;
+  |         ^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/supports/input.css:3:9
   |
@@ -233,6 +245,12 @@ error: Declaration
 7 | @supports (display: flex) {
   |            ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/supports/input.css:7:12
+  |
+7 | @supports (display: flex) {
+  |            ^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/supports/input.css:7:12
   |
@@ -312,6 +330,12 @@ error: Declaration
 9 |         color: blue;
   |         ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/at-rule/supports/input.css:9:9
+  |
+9 |         color: blue;
+  |         ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/at-rule/supports/input.css:9:9
   |
@@ -505,6 +529,12 @@ error: Declaration
 14 |             display: flex;
    |             ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:14:13
+   |
+14 |             display: flex;
+   |             ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:14:13
    |
@@ -571,6 +601,12 @@ error: Declaration
 18 | @supports   (   display   :   flex   )   {}
    |                 ^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:18:17
+   |
+18 | @supports   (   display   :   flex   )   {}
+   |                 ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:18:17
    |
@@ -643,6 +679,12 @@ error: Declaration
 19 | @supports not (display: flex) {}
    |                ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:19:16
+   |
+19 | @supports not (display: flex) {}
+   |                ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:19:16
    |
@@ -715,6 +757,12 @@ error: Declaration
 20 | @SUPPORTS not (display: flex) {}
    |                ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:20:16
+   |
+20 | @SUPPORTS not (display: flex) {}
+   |                ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:20:16
    |
@@ -781,6 +829,12 @@ error: Declaration
 21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
    |            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:21:12
+   |
+21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
+   |            ^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:21:12
    |
@@ -889,6 +943,12 @@ error: Declaration
 21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
    |                                                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:21:50
+   |
+21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
+   |                                                  ^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:21:50
    |
@@ -997,6 +1057,12 @@ error: Declaration
 21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
    |                                                                                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:21:93
+   |
+21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
+   |                                                                                             ^^^^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:21:93
    |
@@ -1105,6 +1171,12 @@ error: Declaration
 21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
    |                                                                                                                                           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:21:139
+   |
+21 | @supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
+   |                                                                                                                                           ^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:21:139
    |
@@ -1250,6 +1322,12 @@ error: Declaration
 22 | @supports ( box-shadow: 0 0 2px black inset ) or
    |             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:22:13
+   |
+22 | @supports ( box-shadow: 0 0 2px black inset ) or
+   |             ^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:22:13
    |
@@ -1362,6 +1440,12 @@ error: Declaration
 23 |   ( -moz-box-shadow: 0 0 2px black inset ) or
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:23:5
+   |
+23 |   ( -moz-box-shadow: 0 0 2px black inset ) or
+   |     ^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:23:5
    |
@@ -1474,6 +1558,12 @@ error: Declaration
 24 |   ( -webkit-box-shadow: 0 0 2px black inset ) or
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:24:5
+   |
+24 |   ( -webkit-box-shadow: 0 0 2px black inset ) or
+   |     ^^^^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:24:5
    |
@@ -1586,6 +1676,12 @@ error: Declaration
 25 |   ( -o-box-shadow: 0 0 2px black inset ) {
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:25:5
+   |
+25 |   ( -o-box-shadow: 0 0 2px black inset ) {
+   |     ^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:25:5
    |
@@ -1730,6 +1826,12 @@ error: Declaration
 28 | @supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
    |             ^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:28:13
+   |
+28 | @supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
+   |             ^^^^^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:28:13
    |
@@ -1778,6 +1880,12 @@ error: Declaration
 28 | @supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
    |                                             ^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:28:45
+   |
+28 | @supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
+   |                                             ^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:28:45
    |
@@ -1826,6 +1934,12 @@ error: Declaration
 28 | @supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
    |                                                                        ^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:28:72
+   |
+28 | @supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
+   |                                                                        ^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:28:72
    |
@@ -1922,6 +2036,12 @@ error: Declaration
 29 | @supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
    |            ^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:29:12
+   |
+29 | @supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
+   |            ^^^^^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:29:12
    |
@@ -1988,6 +2108,12 @@ error: Declaration
 29 | @supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
    |                                             ^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:29:45
+   |
+29 | @supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
+   |                                             ^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:29:45
    |
@@ -2036,6 +2162,12 @@ error: Declaration
 29 | @supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
    |                                                                       ^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:29:71
+   |
+29 | @supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
+   |                                                                       ^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:29:71
    |
@@ -2132,6 +2264,12 @@ error: Declaration
 30 | @supports   (   transition-property   :   color   )   or   (   (   animation-name   :   foo   )   and   (   transform   :    rotate(10deg)   )   )   {}
    |                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:30:17
+   |
+30 | @supports   (   transition-property   :   color   )   or   (   (   animation-name   :   foo   )   and   (   transform   :    rotate(10deg)   )   )   {}
+   |                 ^^^^^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:30:17
    |
@@ -2198,6 +2336,12 @@ error: Declaration
 30 | @supports   (   transition-property   :   color   )   or   (   (   animation-name   :   foo   )   and   (   transform   :    rotate(10deg)   )   )   {}
    |                                                                    ^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:30:68
+   |
+30 | @supports   (   transition-property   :   color   )   or   (   (   animation-name   :   foo   )   and   (   transform   :    rotate(10deg)   )   )   {}
+   |                                                                    ^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:30:68
    |
@@ -2246,6 +2390,12 @@ error: Declaration
 30 | @supports   (   transition-property   :   color   )   or   (   (   animation-name   :   foo   )   and   (   transform   :    rotate(10deg)   )   )   {}
    |                                                                                                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:30:109
+   |
+30 | @supports   (   transition-property   :   color   )   or   (   (   animation-name   :   foo   )   and   (   transform   :    rotate(10deg)   )   )   {}
+   |                                                                                                             ^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:30:109
    |
@@ -2342,6 +2492,12 @@ error: Declaration
 31 | @supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
    |           ^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:31:11
+   |
+31 | @supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
+   |           ^^^^^^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:31:11
    |
@@ -2408,6 +2564,12 @@ error: Declaration
 31 | @supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
    |                                          ^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:31:42
+   |
+31 | @supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
+   |                                          ^^^^^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:31:42
    |
@@ -2456,6 +2618,12 @@ error: Declaration
 31 | @supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
    |                                                                  ^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:31:66
+   |
+31 | @supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
+   |                                                                  ^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:31:66
    |
@@ -2570,6 +2738,12 @@ error: Declaration
 32 | @supports ((display: flex)) {}
    |             ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:32:13
+   |
+32 | @supports ((display: flex)) {}
+   |             ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:32:13
    |
@@ -2636,6 +2810,12 @@ error: Declaration
 33 | @supports (display: flex !important) {}
    |            ^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/at-rule/supports/input.css:33:12
+   |
+33 | @supports (display: flex !important) {}
+   |            ^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/at-rule/supports/input.css:33:12
    |

crates/swc_css_parser/tests/fixture/at-rule/unknown/output.json

@@ -16,7 +16,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 0,
+          "start": 1,
           "end": 8,
           "ctxt": 0
         },
@@ -36,7 +36,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 10,
+          "start": 11,
           "end": 18,
           "ctxt": 0
         },
@@ -147,7 +147,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 24,
+          "start": 25,
           "end": 32,
           "ctxt": 0
         },
@@ -213,7 +213,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 41,
+          "start": 42,
           "end": 49,
           "ctxt": 0
         },
@@ -279,7 +279,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 115,
+          "start": 116,
           "end": 123,
           "ctxt": 0
         },
@@ -322,7 +322,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 127,
+          "start": 128,
           "end": 135,
           "ctxt": 0
         },
@@ -433,7 +433,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 144,
+          "start": 145,
           "end": 152,
           "ctxt": 0
         },
@@ -485,7 +485,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 156,
+          "start": 157,
           "end": 165,
           "ctxt": 0
         },
@@ -537,7 +537,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 169,
+          "start": 170,
           "end": 177,
           "ctxt": 0
         },
@@ -679,7 +679,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 185,
+          "start": 186,
           "end": 193,
           "ctxt": 0
         },
@@ -796,7 +796,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 200,
+          "start": 201,
           "end": 208,
           "ctxt": 0
         },
@@ -1003,7 +1003,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 279,
+          "start": 280,
           "end": 287,
           "ctxt": 0
         },
@@ -1097,7 +1097,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 542,
+          "start": 543,
           "end": 550,
           "ctxt": 0
         },
@@ -1302,7 +1302,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 566,
+          "start": 567,
           "end": 574,
           "ctxt": 0
         },
@@ -1597,7 +1597,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 650,
+          "start": 651,
           "end": 658,
           "ctxt": 0
         },

crates/swc_css_parser/tests/fixture/at-rule/unknown/span.rust-debug

@@ -28,11 +28,17 @@ error: UnknownAtRule
 1 | @unknown;
   | ^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/at-rule/unknown/input.css:1:1
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:1:2
   |
 1 | @unknown;
-  | ^^^^^^^^
+  |  ^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:1:2
+  |
+1 | @unknown;
+  |  ^^^^^^^
 
 error: Rule
  --> $DIR/tests/fixture/at-rule/unknown/input.css:2:1
@@ -52,11 +58,17 @@ error: UnknownAtRule
 2 | @unknown x y;
   | ^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/at-rule/unknown/input.css:2:1
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:2:2
   |
 2 | @unknown x y;
-  | ^^^^^^^^
+  |  ^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:2:2
+  |
+2 | @unknown x y;
+  |  ^^^^^^^
 
 error: Value
  --> $DIR/tests/fixture/at-rule/unknown/input.css:2:9
@@ -148,11 +160,17 @@ error: UnknownAtRule
 3 | @unknown "blah";
   | ^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/at-rule/unknown/input.css:3:1
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:3:2
   |
 3 | @unknown "blah";
-  | ^^^^^^^^
+  |  ^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:3:2
+  |
+3 | @unknown "blah";
+  |  ^^^^^^^
 
 error: Value
  --> $DIR/tests/fixture/at-rule/unknown/input.css:3:9
@@ -208,11 +226,17 @@ error: UnknownAtRule
 4 | @unknown \"blah\";
   | ^^^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/at-rule/unknown/input.css:4:1
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:4:2
   |
 4 | @unknown \"blah\";
-  | ^^^^^^^^
+  |  ^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:4:2
+  |
+4 | @unknown \"blah\";
+  |  ^^^^^^^
 
 error: Value
  --> $DIR/tests/fixture/at-rule/unknown/input.css:4:9
@@ -268,11 +292,17 @@ error: UnknownAtRule
 7 | @unknown  ;
   | ^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/at-rule/unknown/input.css:7:1
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:7:2
   |
 7 | @unknown  ;
-  | ^^^^^^^^
+  |  ^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:7:2
+  |
+7 | @unknown  ;
+  |  ^^^^^^^
 
 error: Value
  --> $DIR/tests/fixture/at-rule/unknown/input.css:7:9
@@ -310,11 +340,17 @@ error: UnknownAtRule
 8 | @unknown  x  y;
   | ^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/at-rule/unknown/input.css:8:1
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:8:2
   |
 8 | @unknown  x  y;
-  | ^^^^^^^^
+  |  ^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/at-rule/unknown/input.css:8:2
+  |
+8 | @unknown  x  y;
+  |  ^^^^^^^
 
 error: Value
  --> $DIR/tests/fixture/at-rule/unknown/input.css:8:9
@@ -406,11 +442,17 @@ error: UnknownAtRule
 10 | @unknown {}
    | ^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:10:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:10:2
    |
 10 | @unknown {}
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:10:2
+   |
+10 | @unknown {}
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:10:9
@@ -454,11 +496,17 @@ error: UnknownAtRule
 11 | @\unknown {}
    | ^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:11:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:11:2
    |
 11 | @\unknown {}
-   | ^^^^^^^^^
+   |  ^^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:11:2
+   |
+11 | @\unknown {}
+   |  ^^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:11:10
@@ -502,11 +550,17 @@ error: UnknownAtRule
 12 | @unknown a b {}
    | ^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:12:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:12:2
    |
 12 | @unknown a b {}
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:12:2
+   |
+12 | @unknown a b {}
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:12:9
@@ -622,11 +676,17 @@ error: UnknownAtRule
 13 | @unknown {p:v}
    | ^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:13:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:13:2
    |
 13 | @unknown {p:v}
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:13:2
+   |
+13 | @unknown {p:v}
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:13:9
@@ -724,11 +784,17 @@ error: UnknownAtRule
 14 | @unknown x y {p:v}
    | ^^^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:14:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:14:2
    |
 14 | @unknown x y {p:v}
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:14:2
+   |
+14 | @unknown x y {p:v}
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:14:9
@@ -898,11 +964,17 @@ error: UnknownAtRule
 17 | @unknown/*test*/{/*test*/p/*test*/:/*test*/v/*test*/}
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:17:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:17:2
    |
 17 | @unknown/*test*/{/*test*/p/*test*/:/*test*/v/*test*/}
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:17:2
+   |
+17 | @unknown/*test*/{/*test*/p/*test*/:/*test*/v/*test*/}
+   |  ^^^^^^^
 
 error: SimpleBlock
   --> $DIR/tests/fixture/at-rule/unknown/input.css:17:17
@@ -982,11 +1054,17 @@ error: UnknownAtRule
 20 | @unknown  {  p  :  v  }
    | ^^^^^^^^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:20:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:20:2
    |
 20 | @unknown  {  p  :  v  }
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:20:2
+   |
+20 | @unknown  {  p  :  v  }
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:20:9
@@ -1156,11 +1234,17 @@ error: UnknownAtRule
 21 | @unknown  x  y  {  p  :  v  }
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:21:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:21:2
    |
 21 | @unknown  x  y  {  p  :  v  }
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:21:2
+   |
+21 | @unknown  x  y  {  p  :  v  }
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:21:9
@@ -1402,11 +1486,17 @@ error: UnknownAtRule
 24 | @unknown {s{p:v}}
    | ^^^^^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
-  --> $DIR/tests/fixture/at-rule/unknown/input.css:24:1
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:24:2
    |
 24 | @unknown {s{p:v}}
-   | ^^^^^^^^
+   |  ^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/at-rule/unknown/input.css:24:2
+   |
+24 | @unknown {s{p:v}}
+   |  ^^^^^^^
 
 error: Value
   --> $DIR/tests/fixture/at-rule/unknown/input.css:24:9

crates/swc_css_parser/tests/fixture/bom/span.rust-debug

@@ -67,6 +67,12 @@ error: Declaration
 2 |     color: red;
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/bom/input.css:2:5
+  |
+2 |     color: red;
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/bom/input.css:2:5
   |

crates/swc_css_parser/tests/fixture/comment/span.rust-debug

@@ -75,6 +75,12 @@ error: Declaration
 3 | /* comment */color/* comment */:/* comment */red/* comment */;
   |              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/comment/input.css:3:14
+  |
+3 | /* comment */color/* comment */:/* comment */red/* comment */;
+  |              ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/comment/input.css:3:14
   |
@@ -166,6 +172,12 @@ error: Declaration
 11 |     color: black;
    |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/comment/input.css:11:5
+   |
+11 |     color: black;
+   |     ^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/comment/input.css:11:5
    |
@@ -190,6 +202,12 @@ error: Declaration
 13 |     background: red;
    |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/comment/input.css:13:5
+   |
+13 |     background: red;
+   |     ^^^^^^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/comment/input.css:13:5
    |
@@ -272,6 +290,12 @@ error: Declaration
 19 |     color: black;
    |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+  --> $DIR/tests/fixture/comment/input.css:19:5
+   |
+19 |     color: black;
+   |     ^^^^^
+
 error: Ident
   --> $DIR/tests/fixture/comment/input.css:19:5
    |

crates/swc_css_parser/tests/fixture/dashed-ident/input.css

@@ -0,0 +1,15 @@
+:root {
+    --main-color: #06c;
+    --accent-color: #006;
+}
+
+.foo {
+    --fg-color: blue;
+}
+
+#foo h1 {
+    color: var(--main-color);
+}
+
+@--custom {}
+@--library1-custom {}

crates/swc_css_parser/tests/fixture/dashed-ident/output.json

@@ -0,0 +1,578 @@
+{
+  "type": "Stylesheet",
+  "span": {
+    "start": 0,
+    "end": 171,
+    "ctxt": 0
+  },
+  "rules": [
+    {
+      "type": "QualifiedRule",
+      "span": {
+        "start": 0,
+        "end": 59,
+        "ctxt": 0
+      },
+      "prelude": {
+        "type": "SelectorList",
+        "span": {
+          "start": 0,
+          "end": 5,
+          "ctxt": 0
+        },
+        "children": [
+          {
+            "type": "ComplexSelector",
+            "span": {
+              "start": 0,
+              "end": 5,
+              "ctxt": 0
+            },
+            "children": [
+              {
+                "type": "CompoundSelector",
+                "span": {
+                  "start": 0,
+                  "end": 5,
+                  "ctxt": 0
+                },
+                "nestingSelector": null,
+                "typeSelector": null,
+                "subclassSelectors": [
+                  {
+                    "type": "PseudoClassSelector",
+                    "span": {
+                      "start": 0,
+                      "end": 5,
+                      "ctxt": 0
+                    },
+                    "name": {
+                      "type": "Identifier",
+                      "span": {
+                        "start": 1,
+                        "end": 5,
+                        "ctxt": 0
+                      },
+                      "value": "root",
+                      "raw": "root"
+                    },
+                    "children": null
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "block": {
+        "type": "Block",
+        "span": {
+          "start": 6,
+          "end": 59,
+          "ctxt": 0
+        },
+        "value": [
+          {
+            "type": "Declaration",
+            "span": {
+              "start": 12,
+              "end": 26,
+              "ctxt": 0
+            },
+            "property": {
+              "type": "DashedIdentifier",
+              "span": {
+                "start": 12,
+                "end": 24,
+                "ctxt": 0
+              },
+              "value": "--main-color",
+              "raw": "--main-color"
+            },
+            "value": [
+              {
+                "type": "Tokens",
+                "span": {
+                  "start": 25,
+                  "end": 30,
+                  "ctxt": 0
+                },
+                "tokens": [
+                  {
+                    "span": {
+                      "start": 25,
+                      "end": 26,
+                      "ctxt": 0
+                    },
+                    "token": {
+                      "WhiteSpace": {
+                        "value": " "
+                      }
+                    }
+                  },
+                  {
+                    "span": {
+                      "start": 26,
+                      "end": 30,
+                      "ctxt": 0
+                    },
+                    "token": {
+                      "Hash": {
+                        "is_id": false,
+                        "value": "06c",
+                        "raw": "06c"
+                      }
+                    }
+                  }
+                ]
+              }
+            ],
+            "important": null
+          },
+          {
+            "type": "Declaration",
+            "span": {
+              "start": 36,
+              "end": 52,
+              "ctxt": 0
+            },
+            "property": {
+              "type": "DashedIdentifier",
+              "span": {
+                "start": 36,
+                "end": 50,
+                "ctxt": 0
+              },
+              "value": "--accent-color",
+              "raw": "--accent-color"
+            },
+            "value": [
+              {
+                "type": "Tokens",
+                "span": {
+                  "start": 51,
+                  "end": 56,
+                  "ctxt": 0
+                },
+                "tokens": [
+                  {
+                    "span": {
+                      "start": 51,
+                      "end": 52,
+                      "ctxt": 0
+                    },
+                    "token": {
+                      "WhiteSpace": {
+                        "value": " "
+                      }
+                    }
+                  },
+                  {
+                    "span": {
+                      "start": 52,
+                      "end": 56,
+                      "ctxt": 0
+                    },
+                    "token": {
+                      "Hash": {
+                        "is_id": false,
+                        "value": "006",
+                        "raw": "006"
+                      }
+                    }
+                  }
+                ]
+              }
+            ],
+            "important": null
+          }
+        ]
+      }
+    },
+    {
+      "type": "QualifiedRule",
+      "span": {
+        "start": 61,
+        "end": 91,
+        "ctxt": 0
+      },
+      "prelude": {
+        "type": "SelectorList",
+        "span": {
+          "start": 61,
+          "end": 65,
+          "ctxt": 0
+        },
+        "children": [
+          {
+            "type": "ComplexSelector",
+            "span": {
+              "start": 61,
+              "end": 65,
+              "ctxt": 0
+            },
+            "children": [
+              {
+                "type": "CompoundSelector",
+                "span": {
+                  "start": 61,
+                  "end": 65,
+                  "ctxt": 0
+                },
+                "nestingSelector": null,
+                "typeSelector": null,
+                "subclassSelectors": [
+                  {
+                    "type": "ClassSelector",
+                    "span": {
+                      "start": 61,
+                      "end": 65,
+                      "ctxt": 0
+                    },
+                    "text": {
+                      "type": "Identifier",
+                      "span": {
+                        "start": 62,
+                        "end": 65,
+                        "ctxt": 0
+                      },
+                      "value": "foo",
+                      "raw": "foo"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "block": {
+        "type": "Block",
+        "span": {
+          "start": 66,
+          "end": 91,
+          "ctxt": 0
+        },
+        "value": [
+          {
+            "type": "Declaration",
+            "span": {
+              "start": 72,
+              "end": 84,
+              "ctxt": 0
+            },
+            "property": {
+              "type": "DashedIdentifier",
+              "span": {
+                "start": 72,
+                "end": 82,
+                "ctxt": 0
+              },
+              "value": "--fg-color",
+              "raw": "--fg-color"
+            },
+            "value": [
+              {
+                "type": "Tokens",
+                "span": {
+                  "start": 83,
+                  "end": 88,
+                  "ctxt": 0
+                },
+                "tokens": [
+                  {
+                    "span": {
+                      "start": 83,
+                      "end": 84,
+                      "ctxt": 0
+                    },
+                    "token": {
+                      "WhiteSpace": {
+                        "value": " "
+                      }
+                    }
+                  },
+                  {
+                    "span": {
+                      "start": 84,
+                      "end": 88,
+                      "ctxt": 0
+                    },
+                    "token": {
+                      "Ident": {
+                        "value": "blue",
+                        "raw": "blue"
+                      }
+                    }
+                  }
+                ]
+              }
+            ],
+            "important": null
+          }
+        ]
+      }
+    },
+    {
+      "type": "QualifiedRule",
+      "span": {
+        "start": 93,
+        "end": 134,
+        "ctxt": 0
+      },
+      "prelude": {
+        "type": "SelectorList",
+        "span": {
+          "start": 93,
+          "end": 100,
+          "ctxt": 0
+        },
+        "children": [
+          {
+            "type": "ComplexSelector",
+            "span": {
+              "start": 93,
+              "end": 100,
+              "ctxt": 0
+            },
+            "children": [
+              {
+                "type": "CompoundSelector",
+                "span": {
+                  "start": 93,
+                  "end": 97,
+                  "ctxt": 0
+                },
+                "nestingSelector": null,
+                "typeSelector": null,
+                "subclassSelectors": [
+                  {
+                    "type": "IdSelector",
+                    "span": {
+                      "start": 93,
+                      "end": 97,
+                      "ctxt": 0
+                    },
+                    "text": {
+                      "type": "Identifier",
+                      "span": {
+                        "start": 93,
+                        "end": 97,
+                        "ctxt": 0
+                      },
+                      "value": "foo",
+                      "raw": "foo"
+                    }
+                  }
+                ]
+              },
+              {
+                "type": "Combinator",
+                "span": {
+                  "start": 97,
+                  "end": 98,
+                  "ctxt": 0
+                },
+                "value": " "
+              },
+              {
+                "type": "CompoundSelector",
+                "span": {
+                  "start": 98,
+                  "end": 100,
+                  "ctxt": 0
+                },
+                "nestingSelector": null,
+                "typeSelector": {
+                  "type": "TypeSelector",
+                  "span": {
+                    "start": 98,
+                    "end": 100,
+                    "ctxt": 0
+                  },
+                  "prefix": null,
+                  "name": {
+                    "type": "Identifier",
+                    "span": {
+                      "start": 98,
+                      "end": 100,
+                      "ctxt": 0
+                    },
+                    "value": "h1",
+                    "raw": "h1"
+                  }
+                },
+                "subclassSelectors": []
+              }
+            ]
+          }
+        ]
+      },
+      "block": {
+        "type": "Block",
+        "span": {
+          "start": 101,
+          "end": 134,
+          "ctxt": 0
+        },
+        "value": [
+          {
+            "type": "Declaration",
+            "span": {
+              "start": 107,
+              "end": 131,
+              "ctxt": 0
+            },
+            "property": {
+              "type": "Identifier",
+              "span": {
+                "start": 107,
+                "end": 112,
+                "ctxt": 0
+              },
+              "value": "color",
+              "raw": "color"
+            },
+            "value": [
+              {
+                "type": "Function",
+                "span": {
+                  "start": 114,
+                  "end": 131,
+                  "ctxt": 0
+                },
+                "name": {
+                  "type": "Identifier",
+                  "span": {
+                    "start": 114,
+                    "end": 117,
+                    "ctxt": 0
+                  },
+                  "value": "var",
+                  "raw": "var"
+                },
+                "value": [
+                  {
+                    "type": "DashedIdentifier",
+                    "span": {
+                      "start": 118,
+                      "end": 130,
+                      "ctxt": 0
+                    },
+                    "value": "--main-color",
+                    "raw": "--main-color"
+                  }
+                ]
+              }
+            ],
+            "important": null
+          }
+        ]
+      }
+    },
+    {
+      "type": "UnknownAtRule",
+      "span": {
+        "start": 136,
+        "end": 148,
+        "ctxt": 0
+      },
+      "name": {
+        "type": "DashedIdentifier",
+        "span": {
+          "start": 137,
+          "end": 145,
+          "ctxt": 0
+        },
+        "value": "--custom",
+        "raw": "--custom"
+      },
+      "prelude": [
+        {
+          "type": "Tokens",
+          "span": {
+            "start": 145,
+            "end": 146,
+            "ctxt": 0
+          },
+          "tokens": [
+            {
+              "span": {
+                "start": 145,
+                "end": 146,
+                "ctxt": 0
+              },
+              "token": {
+                "WhiteSpace": {
+                  "value": " "
+                }
+              }
+            }
+          ]
+        }
+      ],
+      "block": {
+        "type": "SimpleBlock",
+        "span": {
+          "start": 146,
+          "end": 148,
+          "ctxt": 0
+        },
+        "name": "{",
+        "value": []
+      }
+    },
+    {
+      "type": "UnknownAtRule",
+      "span": {
+        "start": 149,
+        "end": 170,
+        "ctxt": 0
+      },
+      "name": {
+        "type": "DashedIdentifier",
+        "span": {
+          "start": 150,
+          "end": 167,
+          "ctxt": 0
+        },
+        "value": "--library1-custom",
+        "raw": "--library1-custom"
+      },
+      "prelude": [
+        {
+          "type": "Tokens",
+          "span": {
+            "start": 167,
+            "end": 168,
+            "ctxt": 0
+          },
+          "tokens": [
+            {
+              "span": {
+                "start": 167,
+                "end": 168,
+                "ctxt": 0
+              },
+              "token": {
+                "WhiteSpace": {
+                  "value": " "
+                }
+              }
+            }
+          ]
+        }
+      ],
+      "block": {
+        "type": "SimpleBlock",
+        "span": {
+          "start": 168,
+          "end": 170,
+          "ctxt": 0
+        },
+        "name": "{",
+        "value": []
+      }
+    }
+  ]
+}

crates/swc_css_parser/tests/fixture/dashed-ident/span.rust-debug

@@ -0,0 +1,504 @@
+error: Stylesheet
+  --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+   |
+1  | / :root {
+2  | |     --main-color: #06c;
+3  | |     --accent-color: #006;
+4  | | }
+...  |
+14 | | @--custom {}
+15 | | @--library1-custom {}
+   | |______________________^
+
+error: Rule
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | / :root {
+2 | |     --main-color: #06c;
+3 | |     --accent-color: #006;
+4 | | }
+  | |_^
+
+error: QualifiedRule
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | / :root {
+2 | |     --main-color: #06c;
+3 | |     --accent-color: #006;
+4 | | }
+  | |_^
+
+error: SelectorList
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | :root {
+  | ^^^^^
+
+error: ComplexSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | :root {
+  | ^^^^^
+
+error: CompoundSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | :root {
+  | ^^^^^
+
+error: SubclassSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | :root {
+  | ^^^^^
+
+error: PseudoClassSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:1
+  |
+1 | :root {
+  | ^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:2
+  |
+1 | :root {
+  |  ^^^^
+
+error: Block
+ --> $DIR/tests/fixture/dashed-ident/input.css:1:7
+  |
+1 |   :root {
+  |  _______^
+2 | |     --main-color: #06c;
+3 | |     --accent-color: #006;
+4 | | }
+  | |_^
+
+error: Declaration
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:5
+  |
+2 |     --main-color: #06c;
+  |     ^^^^^^^^^^^^^^
+
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:5
+  |
+2 |     --main-color: #06c;
+  |     ^^^^^^^^^^^^
+
+error: DashedIdent
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:5
+  |
+2 |     --main-color: #06c;
+  |     ^^^^^^^^^^^^
+
+error: Value
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:18
+  |
+2 |     --main-color: #06c;
+  |                  ^^^^^
+
+error: Tokens
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:18
+  |
+2 |     --main-color: #06c;
+  |                  ^^^^^
+
+error: WhiteSpace { value: Atom(' ' type=inline) }
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:18
+  |
+2 |     --main-color: #06c;
+  |                  ^
+
+error: Hash { is_id: false, value: Atom('06c' type=inline), raw: Atom('06c' type=inline) }
+ --> $DIR/tests/fixture/dashed-ident/input.css:2:19
+  |
+2 |     --main-color: #06c;
+  |                   ^^^^
+
+error: Declaration
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:5
+  |
+3 |     --accent-color: #006;
+  |     ^^^^^^^^^^^^^^^^
+
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:5
+  |
+3 |     --accent-color: #006;
+  |     ^^^^^^^^^^^^^^
+
+error: DashedIdent
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:5
+  |
+3 |     --accent-color: #006;
+  |     ^^^^^^^^^^^^^^
+
+error: Value
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:20
+  |
+3 |     --accent-color: #006;
+  |                    ^^^^^
+
+error: Tokens
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:20
+  |
+3 |     --accent-color: #006;
+  |                    ^^^^^
+
+error: WhiteSpace { value: Atom(' ' type=inline) }
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:20
+  |
+3 |     --accent-color: #006;
+  |                    ^
+
+error: Hash { is_id: false, value: Atom('006' type=inline), raw: Atom('006' type=inline) }
+ --> $DIR/tests/fixture/dashed-ident/input.css:3:21
+  |
+3 |     --accent-color: #006;
+  |                     ^^^^
+
+error: Rule
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | / .foo {
+7 | |     --fg-color: blue;
+8 | | }
+  | |_^
+
+error: QualifiedRule
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | / .foo {
+7 | |     --fg-color: blue;
+8 | | }
+  | |_^
+
+error: SelectorList
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | .foo {
+  | ^^^^
+
+error: ComplexSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | .foo {
+  | ^^^^
+
+error: CompoundSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | .foo {
+  | ^^^^
+
+error: SubclassSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | .foo {
+  | ^^^^
+
+error: ClassSelector
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:1
+  |
+6 | .foo {
+  | ^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:2
+  |
+6 | .foo {
+  |  ^^^
+
+error: Block
+ --> $DIR/tests/fixture/dashed-ident/input.css:6:6
+  |
+6 |   .foo {
+  |  ______^
+7 | |     --fg-color: blue;
+8 | | }
+  | |_^
+
+error: Declaration
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:5
+  |
+7 |     --fg-color: blue;
+  |     ^^^^^^^^^^^^
+
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:5
+  |
+7 |     --fg-color: blue;
+  |     ^^^^^^^^^^
+
+error: DashedIdent
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:5
+  |
+7 |     --fg-color: blue;
+  |     ^^^^^^^^^^
+
+error: Value
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:16
+  |
+7 |     --fg-color: blue;
+  |                ^^^^^
+
+error: Tokens
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:16
+  |
+7 |     --fg-color: blue;
+  |                ^^^^^
+
+error: WhiteSpace { value: Atom(' ' type=inline) }
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:16
+  |
+7 |     --fg-color: blue;
+  |                ^
+
+error: Ident { value: Atom('blue' type=inline), raw: Atom('blue' type=inline) }
+ --> $DIR/tests/fixture/dashed-ident/input.css:7:17
+  |
+7 |     --fg-color: blue;
+  |                 ^^^^
+
+error: Rule
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | / #foo h1 {
+11 | |     color: var(--main-color);
+12 | | }
+   | |_^
+
+error: QualifiedRule
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | / #foo h1 {
+11 | |     color: var(--main-color);
+12 | | }
+   | |_^
+
+error: SelectorList
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | #foo h1 {
+   | ^^^^^^^
+
+error: ComplexSelector
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | #foo h1 {
+   | ^^^^^^^
+
+error: CompoundSelector
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | #foo h1 {
+   | ^^^^
+
+error: SubclassSelector
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | #foo h1 {
+   | ^^^^
+
+error: IdSelector
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | #foo h1 {
+   | ^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:1
+   |
+10 | #foo h1 {
+   | ^^^^
+
+error: Combinator
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:5
+   |
+10 | #foo h1 {
+   |     ^
+
+error: CompoundSelector
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:6
+   |
+10 | #foo h1 {
+   |      ^^
+
+error: TypeSelector
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:6
+   |
+10 | #foo h1 {
+   |      ^^
+
+error: Ident
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:6
+   |
+10 | #foo h1 {
+   |      ^^
+
+error: Block
+  --> $DIR/tests/fixture/dashed-ident/input.css:10:9
+   |
+10 |   #foo h1 {
+   |  _________^
+11 | |     color: var(--main-color);
+12 | | }
+   | |_^
+
+error: Declaration
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:5
+   |
+11 |     color: var(--main-color);
+   |     ^^^^^^^^^^^^^^^^^^^^^^^^
+
+error: DeclarationProperty
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:5
+   |
+11 |     color: var(--main-color);
+   |     ^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:5
+   |
+11 |     color: var(--main-color);
+   |     ^^^^^
+
+error: Value
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:12
+   |
+11 |     color: var(--main-color);
+   |            ^^^^^^^^^^^^^^^^^
+
+error: Function
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:12
+   |
+11 |     color: var(--main-color);
+   |            ^^^^^^^^^^^^^^^^^
+
+error: Ident
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:12
+   |
+11 |     color: var(--main-color);
+   |            ^^^
+
+error: Value
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:16
+   |
+11 |     color: var(--main-color);
+   |                ^^^^^^^^^^^^
+
+error: DashedIdent
+  --> $DIR/tests/fixture/dashed-ident/input.css:11:16
+   |
+11 |     color: var(--main-color);
+   |                ^^^^^^^^^^^^
+
+error: Rule
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:1
+   |
+14 | @--custom {}
+   | ^^^^^^^^^^^^
+
+error: AtRule
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:1
+   |
+14 | @--custom {}
+   | ^^^^^^^^^^^^
+
+error: UnknownAtRule
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:1
+   |
+14 | @--custom {}
+   | ^^^^^^^^^^^^
+
+error: AtRuleName
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:2
+   |
+14 | @--custom {}
+   |  ^^^^^^^^
+
+error: DashedIdent
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:2
+   |
+14 | @--custom {}
+   |  ^^^^^^^^
+
+error: Value
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:10
+   |
+14 | @--custom {}
+   |          ^
+
+error: Tokens
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:10
+   |
+14 | @--custom {}
+   |          ^
+
+error: WhiteSpace { value: Atom(' ' type=inline) }
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:10
+   |
+14 | @--custom {}
+   |          ^
+
+error: SimpleBlock
+  --> $DIR/tests/fixture/dashed-ident/input.css:14:11
+   |
+14 | @--custom {}
+   |           ^^
+
+error: Rule
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:1
+   |
+15 | @--library1-custom {}
+   | ^^^^^^^^^^^^^^^^^^^^^
+
+error: AtRule
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:1
+   |
+15 | @--library1-custom {}
+   | ^^^^^^^^^^^^^^^^^^^^^
+
+error: UnknownAtRule
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:1
+   |
+15 | @--library1-custom {}
+   | ^^^^^^^^^^^^^^^^^^^^^
+
+error: AtRuleName
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:2
+   |
+15 | @--library1-custom {}
+   |  ^^^^^^^^^^^^^^^^^
+
+error: DashedIdent
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:2
+   |
+15 | @--library1-custom {}
+   |  ^^^^^^^^^^^^^^^^^
+
+error: Value
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:19
+   |
+15 | @--library1-custom {}
+   |                   ^
+
+error: Tokens
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:19
+   |
+15 | @--library1-custom {}
+   |                   ^
+
+error: WhiteSpace { value: Atom(' ' type=inline) }
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:19
+   |
+15 | @--library1-custom {}
+   |                   ^
+
+error: SimpleBlock
+  --> $DIR/tests/fixture/dashed-ident/input.css:15:20
+   |
+15 | @--library1-custom {}
+   |                    ^^
+

crates/swc_css_parser/tests/fixture/declaration-list/span.rust-debug

@@ -71,6 +71,12 @@ error: Declaration
 2 |     prop1: value;
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration-list/input.css:2:5
+  |
+2 |     prop1: value;
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration-list/input.css:2:5
   |
@@ -95,6 +101,12 @@ error: Declaration
 3 |     prop2: value;
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration-list/input.css:3:5
+  |
+3 |     prop2: value;
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration-list/input.css:3:5
   |

crates/swc_css_parser/tests/fixture/declaration/span.rust-debug

@@ -83,6 +83,12 @@ error: Declaration
 2 |     prop: value;
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration/input.css:2:5
+  |
+2 |     prop: value;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration/input.css:2:5
   |
@@ -107,6 +113,12 @@ error: Declaration
 3 |     prop: (value);
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration/input.css:3:5
+  |
+3 |     prop: (value);
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration/input.css:3:5
   |
@@ -143,6 +155,12 @@ error: Declaration
 4 |     prop: {value};
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration/input.css:4:5
+  |
+4 |     prop: {value};
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration/input.css:4:5
   |
@@ -185,6 +203,12 @@ error: Declaration
 5 |     prop: [value];
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration/input.css:5:5
+  |
+5 |     prop: [value];
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration/input.css:5:5
   |
@@ -221,6 +245,12 @@ error: Declaration
 6 |     prop: fn(value);
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/declaration/input.css:6:5
+  |
+6 |     prop: fn(value);
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/declaration/input.css:6:5
   |

crates/swc_css_parser/tests/fixture/delim/backslash/span.rust-debug

@@ -67,6 +67,12 @@ error: Declaration
 2 |     color: \\ red \\ blue;
   |     ^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/delim/backslash/input.css:2:5
+  |
+2 |     color: \\ red \\ blue;
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/delim/backslash/input.css:2:5
   |

crates/swc_css_parser/tests/fixture/dimension/basic/span.rust-debug

@@ -83,6 +83,12 @@ error: Declaration
 2 |     prop: 10px;
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:2:5
+  |
+2 |     prop: 10px;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:2:5
   |
@@ -119,6 +125,12 @@ error: Declaration
 3 |     prop: .10px;
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:3:5
+  |
+3 |     prop: .10px;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:3:5
   |
@@ -155,6 +167,12 @@ error: Declaration
 4 |     prop: 12.34px;
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:4:5
+  |
+4 |     prop: 12.34px;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:4:5
   |
@@ -191,6 +209,12 @@ error: Declaration
 5 |     prop: 0000.000px;
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:5:5
+  |
+5 |     prop: 0000.000px;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:5:5
   |
@@ -227,6 +251,12 @@ error: Declaration
 6 |     prop: 1px\\9;
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:6:5
+  |
+6 |     prop: 1px\\9;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:6:5
   |
@@ -263,6 +293,12 @@ error: Declaration
 7 |     prop: 1e;
   |     ^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:7:5
+  |
+7 |     prop: 1e;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:7:5
   |
@@ -299,6 +335,12 @@ error: Declaration
 8 |     prop: 1unknown;
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/dimension/basic/input.css:8:5
+  |
+8 |     prop: 1unknown;
+  |     ^^^^
+
 error: Ident
  --> $DIR/tests/fixture/dimension/basic/input.css:8:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/-4j83DwgJa0nPQIjlb0RIA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #112333 }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/-4j83DwgJa0nPQIjlb0RIA/input.css:1:5
+  |
+1 | a { color: #112333 }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/-4j83DwgJa0nPQIjlb0RIA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/-GZJfOA9TK6La2KGGNgCkg/span.rust-debug

@@ -148,6 +148,12 @@ error: Declaration
 1 | div::before::after::selection::first-line::first-letter {color:red}
   |                                                          ^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/-GZJfOA9TK6La2KGGNgCkg/input.css:1:58
+  |
+1 | div::before::after::selection::first-line::first-letter {color:red}
+  |                                                          ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/-GZJfOA9TK6La2KGGNgCkg/input.css:1:58
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/-JoxoRcnA-zaaEC7RjXKvQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: +.10; }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/-JoxoRcnA-zaaEC7RjXKvQ/input.css:1:5
+  |
+1 | a { width: +.10; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/-JoxoRcnA-zaaEC7RjXKvQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/-edvtxlXMemv5jnGeyueBA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: -.10%; }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/-edvtxlXMemv5jnGeyueBA/input.css:1:5
+  |
+1 | a { width: -.10%; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/-edvtxlXMemv5jnGeyueBA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/-gboAEi1zyjFW5mtEM24Rg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { box-shadow: rgb(255, 0, 17) 0 0 1 inset }
   |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/-gboAEi1zyjFW5mtEM24Rg/input.css:1:5
+  |
+1 | a { box-shadow: rgb(255, 0, 17) 0 0 1 inset }
+  |     ^^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/-gboAEi1zyjFW5mtEM24Rg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/07tvJxvZrgDeTmptOclErA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { margin: 0 1 0 1 }
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/07tvJxvZrgDeTmptOclErA/input.css:1:5
+  |
+1 | a { margin: 0 1 0 1 }
+  |     ^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/07tvJxvZrgDeTmptOclErA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/0LKvnY2GhG7ss8EXa0t6tQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: 10p\32x }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/0LKvnY2GhG7ss8EXa0t6tQ/input.css:1:5
+  |
+1 | a { value: 10p\32x }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/0LKvnY2GhG7ss8EXa0t6tQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/12EwJCu6DsfOEJubQW9jLg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { border-radius: 1 2 3 4; border-top-right-radius: 5 6; }
   |     ^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/12EwJCu6DsfOEJubQW9jLg/input.css:1:5
+  |
+1 | a { border-radius: 1 2 3 4; border-top-right-radius: 5 6; }
+  |     ^^^^^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/12EwJCu6DsfOEJubQW9jLg/input.css:1:5
   |
@@ -118,6 +124,12 @@ error: Declaration
 1 | a { border-radius: 1 2 3 4; border-top-right-radius: 5 6; }
   |                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/12EwJCu6DsfOEJubQW9jLg/input.css:1:29
+  |
+1 | a { border-radius: 1 2 3 4; border-top-right-radius: 5 6; }
+  |                             ^^^^^^^^^^^^^^^^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/12EwJCu6DsfOEJubQW9jLg/input.css:1:29
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/1naykwaIKZc6zuHRNIccLQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: id\65nt }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/1naykwaIKZc6zuHRNIccLQ/input.css:1:5
+  |
+1 | a { value: id\65nt }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/1naykwaIKZc6zuHRNIccLQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/2nNBhRWO2cNcBJf09zDxjw/span.rust-debug

@@ -76,6 +76,12 @@ error: Declaration
 1 | a:after { content: 'a\b' }
   |           ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/2nNBhRWO2cNcBJf09zDxjw/input.css:1:11
+  |
+1 | a:after { content: 'a\b' }
+  |           ^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/2nNBhRWO2cNcBJf09zDxjw/input.css:1:11
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/36qnNuIUvbIrMnJKDxwE5A/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: \66n() }
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/36qnNuIUvbIrMnJKDxwE5A/input.css:1:5
+  |
+1 | a { value: \66n() }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/36qnNuIUvbIrMnJKDxwE5A/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/375WZQg3bngUbuoHsqEIcA/span.rust-debug

@@ -64,6 +64,12 @@ error: Declaration
 1 | @keyframes test { from { color: red } to {} }
   |                          ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/375WZQg3bngUbuoHsqEIcA/input.css:1:26
+  |
+1 | @keyframes test { from { color: red } to {} }
+  |                          ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/375WZQg3bngUbuoHsqEIcA/input.css:1:26
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/39pbt1sIeFh8WWhCalZS4g/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #ABCD }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/39pbt1sIeFh8WWhCalZS4g/input.css:1:5
+  |
+1 | a { color: #ABCD }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/39pbt1sIeFh8WWhCalZS4g/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/3EgMpLwjJNG0ht4U_r6cnw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #ABBBCCDD }
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/3EgMpLwjJNG0ht4U_r6cnw/input.css:1:5
+  |
+1 | a { color: #ABBBCCDD }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/3EgMpLwjJNG0ht4U_r6cnw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/3JGye8AhworwNFoUL1gKbg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #abcf }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/3JGye8AhworwNFoUL1gKbg/input.css:1:5
+  |
+1 | a { color: #abcf }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/3JGye8AhworwNFoUL1gKbg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/3OV2jH0hrt2_2jOv6t4wvA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: 0.1%; }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/3OV2jH0hrt2_2jOv6t4wvA/input.css:1:5
+  |
+1 | a { width: 0.1%; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/3OV2jH0hrt2_2jOv6t4wvA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/3a1KXFwtncypOUCwQI7IAw/span.rust-debug

@@ -70,6 +70,12 @@ error: Declaration
 1 | @keyframes name { 100% { color: red } }
   |                          ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/3a1KXFwtncypOUCwQI7IAw/input.css:1:26
+  |
+1 | @keyframes name { 100% { color: red } }
+  |                          ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/3a1KXFwtncypOUCwQI7IAw/input.css:1:26
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/4-S1C8qZOZ6Mm7WdRUH72Q/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: @\6b eyword }
   |     ^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/4-S1C8qZOZ6Mm7WdRUH72Q/input.css:1:5
+  |
+1 | a { value: @\6b eyword }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/4-S1C8qZOZ6Mm7WdRUH72Q/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/485Ns9qQHa89OJU5Lhjx-Q/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: \69 dent }
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/485Ns9qQHa89OJU5Lhjx-Q/input.css:1:5
+  |
+1 | a { value: \69 dent }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/485Ns9qQHa89OJU5Lhjx-Q/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/486QvEO8dmLFsXYp6xgKVw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: #\30hash }
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/486QvEO8dmLFsXYp6xgKVw/input.css:1:5
+  |
+1 | a { value: #\30hash }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/486QvEO8dmLFsXYp6xgKVw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/4Tjjgepnha63E4UiXXDNEA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: 0.0; }
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/4Tjjgepnha63E4UiXXDNEA/input.css:1:5
+  |
+1 | a { width: 0.0; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/4Tjjgepnha63E4UiXXDNEA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/4WSp4-HbKB-f1GLF00sf6A/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { padding: 0 1 0px 1px }
   |     ^^^^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/4WSp4-HbKB-f1GLF00sf6A/input.css:1:5
+  |
+1 | a { padding: 0 1 0px 1px }
+  |     ^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/4WSp4-HbKB-f1GLF00sf6A/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/53OltIbJ-YBXtSKedVvYwA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: 10\2cx }
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/53OltIbJ-YBXtSKedVvYwA/input.css:1:5
+  |
+1 | a { value: 10\2cx }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/53OltIbJ-YBXtSKedVvYwA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/5IxIPW9sKkvdZIzfV33AcA/output.json

@@ -16,7 +16,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 0,
+          "start": 1,
           "end": 10,
           "ctxt": 0
         },

crates/swc_css_parser/tests/fixture/esbuild/misc/5IxIPW9sKkvdZIzfV33AcA/span.rust-debug

@@ -22,9 +22,15 @@ error: UnknownAtRule
 1 | @u\,nknown;
   | ^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/esbuild/misc/5IxIPW9sKkvdZIzfV33AcA/input.css:1:1
+ --> $DIR/tests/fixture/esbuild/misc/5IxIPW9sKkvdZIzfV33AcA/input.css:1:2
   |
 1 | @u\,nknown;
-  | ^^^^^^^^^^
+  |  ^^^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/esbuild/misc/5IxIPW9sKkvdZIzfV33AcA/input.css:1:2
+  |
+1 | @u\,nknown;
+  |  ^^^^^^^^^
 

crates/swc_css_parser/tests/fixture/esbuild/misc/5al65IRQbw_x4yG3ke74fQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: +0.1; }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/5al65IRQbw_x4yG3ke74fQ/input.css:1:5
+  |
+1 | a { width: +0.1; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/5al65IRQbw_x4yG3ke74fQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/5cnGKjYPm1XBeqTmw3oCag/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: x\, }
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/5cnGKjYPm1XBeqTmw3oCag/input.css:1:5
+  |
+1 | a { value: x\, }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/5cnGKjYPm1XBeqTmw3oCag/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/5yer6GUWydidDHrfgacUkA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #1234 }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/5yer6GUWydidDHrfgacUkA/input.css:1:5
+  |
+1 | a { color: #1234 }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/5yer6GUWydidDHrfgacUkA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/6WYwXsqP1SJOa-6oDBobzQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: white }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/6WYwXsqP1SJOa-6oDBobzQ/input.css:1:5
+  |
+1 | a { color: white }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/6WYwXsqP1SJOa-6oDBobzQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/6aNPFn_YOBL4koYvV-g8pQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: .0%; }
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/6aNPFn_YOBL4koYvV-g8pQ/input.css:1:5
+  |
+1 | a { width: .0%; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/6aNPFn_YOBL4koYvV-g8pQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/6kUhG0W7hwZxIuaCsZ7pHg/span.rust-debug

@@ -76,6 +76,12 @@ error: Declaration
 1 | a:after { content: 'a\62 c' }
   |           ^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/6kUhG0W7hwZxIuaCsZ7pHg/input.css:1:11
+  |
+1 | a:after { content: 'a\62 c' }
+  |           ^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/6kUhG0W7hwZxIuaCsZ7pHg/input.css:1:11
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/7CK6ZYt4CWz7Ge5KWLKBYg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #aabbccef }
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/7CK6ZYt4CWz7Ge5KWLKBYg/input.css:1:5
+  |
+1 | a { color: #aabbccef }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/7CK6ZYt4CWz7Ge5KWLKBYg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/7YGXOizztR38f8fGB1DRaQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: -.00%; }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/7YGXOizztR38f8fGB1DRaQ/input.css:1:5
+  |
+1 | a { width: -.00%; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/7YGXOizztR38f8fGB1DRaQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/7q6h33W5r1sx-W3Q7DipjA/output.json

@@ -16,7 +16,7 @@
       "name": {
         "type": "Identifier",
         "span": {
-          "start": 0,
+          "start": 1,
           "end": 11,
           "ctxt": 0
         },

crates/swc_css_parser/tests/fixture/esbuild/misc/7q6h33W5r1sx-W3Q7DipjA/span.rust-debug

@@ -22,9 +22,15 @@ error: UnknownAtRule
 1 | @u\2cnknown;
   | ^^^^^^^^^^^^
 
-error: Ident
+error: AtRuleName
- --> $DIR/tests/fixture/esbuild/misc/7q6h33W5r1sx-W3Q7DipjA/input.css:1:1
+ --> $DIR/tests/fixture/esbuild/misc/7q6h33W5r1sx-W3Q7DipjA/input.css:1:2
   |
 1 | @u\2cnknown;
-  | ^^^^^^^^^^^
+  |  ^^^^^^^^^^
+
+error: Ident
+ --> $DIR/tests/fixture/esbuild/misc/7q6h33W5r1sx-W3Q7DipjA/input.css:1:2
+  |
+1 | @u\2cnknown;
+  |  ^^^^^^^^^^
 

crates/swc_css_parser/tests/fixture/esbuild/misc/866Law8W0FQas7QMxFjUbw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: 10x\2c }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/866Law8W0FQas7QMxFjUbw/input.css:1:5
+  |
+1 | a { value: 10x\2c }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/866Law8W0FQas7QMxFjUbw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/8Gs_Q4kYqijbgIQ6xIW8qw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: url(a\62c) }
   |     ^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/8Gs_Q4kYqijbgIQ6xIW8qw/input.css:1:5
+  |
+1 | a { value: url(a\62c) }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/8Gs_Q4kYqijbgIQ6xIW8qw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/9IIa-42s3YQFw8ilk39GdQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #AABBCCFF }
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/9IIa-42s3YQFw8ilk39GdQ/input.css:1:5
+  |
+1 | a { color: #AABBCCFF }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/9IIa-42s3YQFw8ilk39GdQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/A3jvzrmJH_MIf_Uilsy4sg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: +0.1%; }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/A3jvzrmJH_MIf_Uilsy4sg/input.css:1:5
+  |
+1 | a { width: +0.1%; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/A3jvzrmJH_MIf_Uilsy4sg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/ACQUsGVQAmGzhMqBRmS6Mw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: .10; }
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/ACQUsGVQAmGzhMqBRmS6Mw/input.css:1:5
+  |
+1 | a { width: .10; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/ACQUsGVQAmGzhMqBRmS6Mw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/ATZbhYBr7fOFJoZ4E2dwkA/span.rust-debug

@@ -88,6 +88,12 @@ error: Declaration
 1 | @keyframes name { 0%, 50% { color: red } 25%, 75% { color: blue } }
   |                             ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/ATZbhYBr7fOFJoZ4E2dwkA/input.css:1:29
+  |
+1 | @keyframes name { 0%, 50% { color: red } 25%, 75% { color: blue } }
+  |                             ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/ATZbhYBr7fOFJoZ4E2dwkA/input.css:1:29
   |
@@ -166,6 +172,12 @@ error: Declaration
 1 | @keyframes name { 0%, 50% { color: red } 25%, 75% { color: blue } }
   |                                                     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/ATZbhYBr7fOFJoZ4E2dwkA/input.css:1:53
+  |
+1 | @keyframes name { 0%, 50% { color: red } 25%, 75% { color: blue } }
+  |                                                     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/ATZbhYBr7fOFJoZ4E2dwkA/input.css:1:53
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/AVaQlt9z0lhJC6bHHDPVeA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: x\2c() }
   |     ^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/AVaQlt9z0lhJC6bHHDPVeA/input.css:1:5
+  |
+1 | a { value: x\2c() }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/AVaQlt9z0lhJC6bHHDPVeA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/Afm91-TMNbzd52HsPrCCNA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #abbbccff }
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/Afm91-TMNbzd52HsPrCCNA/input.css:1:5
+  |
+1 | a { color: #abbbccff }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/Afm91-TMNbzd52HsPrCCNA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/AigZ338AGwCqF4M9a3Quqw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #AABCCCDD }
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/AigZ338AGwCqF4M9a3Quqw/input.css:1:5
+  |
+1 | a { color: #AABCCCDD }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/AigZ338AGwCqF4M9a3Quqw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/AocxkR5Gt30Hu6JV7J56Wg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #aabccc }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/AocxkR5Gt30Hu6JV7J56Wg/input.css:1:5
+  |
+1 | a { color: #aabccc }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/AocxkR5Gt30Hu6JV7J56Wg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/AwZM5l5vBlyrbgG-Fk0_EQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: x\2c }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/AwZM5l5vBlyrbgG-Fk0_EQ/input.css:1:5
+  |
+1 | a { value: x\2c }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/AwZM5l5vBlyrbgG-Fk0_EQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/BKyQWW5j9vRP-kr41nqcjg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: #\68 ash }
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/BKyQWW5j9vRP-kr41nqcjg/input.css:1:5
+  |
+1 | a { value: #\68 ash }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/BKyQWW5j9vRP-kr41nqcjg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/BrJMdtdKJAuIZIG5MVWUYA/span.rust-debug

@@ -64,6 +64,12 @@ error: Declaration
 1 | .selector { property: value\9; }
   |             ^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/BrJMdtdKJAuIZIG5MVWUYA/input.css:1:13
+  |
+1 | .selector { property: value\9; }
+  |             ^^^^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/BrJMdtdKJAuIZIG5MVWUYA/input.css:1:13
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/C4I0cdQcSbpaGOS-V8fwew/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: #0h\61sh }
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/C4I0cdQcSbpaGOS-V8fwew/input.css:1:5
+  |
+1 | a { value: #0h\61sh }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/C4I0cdQcSbpaGOS-V8fwew/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/C6gS3Kl0KEwGsFaUUGXzFg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #112234ff }
   |     ^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/C6gS3Kl0KEwGsFaUUGXzFg/input.css:1:5
+  |
+1 | a { color: #112234ff }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/C6gS3Kl0KEwGsFaUUGXzFg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/CQiowK9DjojqKtlpQifemA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #ABBBCC }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/CQiowK9DjojqKtlpQifemA/input.css:1:5
+  |
+1 | a { color: #ABBBCC }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/CQiowK9DjojqKtlpQifemA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/CiejHTPFd8U5szvvY3uRjw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: @\6beyword }
   |     ^^^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/CiejHTPFd8U5szvvY3uRjw/input.css:1:5
+  |
+1 | a { value: @\6beyword }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/CiejHTPFd8U5szvvY3uRjw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/CqrYlHva8qUNgSPb8EwWjg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: 'a\62 c' }
   |     ^^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/CqrYlHva8qUNgSPb8EwWjg/input.css:1:5
+  |
+1 | a { value: 'a\62 c' }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/CqrYlHva8qUNgSPb8EwWjg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/D5Oyf1ABeS8lie5Lg-5pqg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: x\0 }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/D5Oyf1ABeS8lie5Lg-5pqg/input.css:1:5
+  |
+1 | a { value: x\0 }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/D5Oyf1ABeS8lie5Lg-5pqg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/DrlXteRB-ppLVxi4_N4dhA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: \2cx }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/DrlXteRB-ppLVxi4_N4dhA/input.css:1:5
+  |
+1 | a { value: \2cx }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/DrlXteRB-ppLVxi4_N4dhA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/EJPa4WhTn_fRRrDiA2bczg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #aabbcc }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/EJPa4WhTn_fRRrDiA2bczg/input.css:1:5
+  |
+1 | a { color: #aabbcc }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/EJPa4WhTn_fRRrDiA2bczg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/EYFn-trzBus37dDEvK1jUQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #122233 }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/EYFn-trzBus37dDEvK1jUQ/input.css:1:5
+  |
+1 | a { color: #122233 }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/EYFn-trzBus37dDEvK1jUQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/ElFW4lY06Cb-VFYtK0WX4A/span.rust-debug

@@ -88,6 +88,12 @@ error: Declaration
 1 | @-moz-document url-prefix() { h1 { color: green } }
   |                                    ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/ElFW4lY06Cb-VFYtK0WX4A/input.css:1:36
+  |
+1 | @-moz-document url-prefix() { h1 { color: green } }
+  |                                    ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/ElFW4lY06Cb-VFYtK0WX4A/input.css:1:36
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/F-AbRDwG_3dGLhE7pzr5aA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: x\1 }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/F-AbRDwG_3dGLhE7pzr5aA/input.css:1:5
+  |
+1 | a { value: x\1 }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/F-AbRDwG_3dGLhE7pzr5aA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/FTOGKsI_y1QxMNEu_Fgq7Q/span.rust-debug

@@ -40,6 +40,12 @@ error: Declaration
 1 | @page { color: red; @top-left {} }
   |         ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/FTOGKsI_y1QxMNEu_Fgq7Q/input.css:1:9
+  |
+1 | @page { color: red; @top-left {} }
+  |         ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/FTOGKsI_y1QxMNEu_Fgq7Q/input.css:1:9
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/FlqjDLebWxQvNIxKppBllw/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { color: #aabbcd }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/FlqjDLebWxQvNIxKppBllw/input.css:1:5
+  |
+1 | a { color: #aabbcd }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/FlqjDLebWxQvNIxKppBllw/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/Fm7gvlx7uRyvrfzUC7rJxg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: #x\, }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/Fm7gvlx7uRyvrfzUC7rJxg/input.css:1:5
+  |
+1 | a { value: #x\, }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/Fm7gvlx7uRyvrfzUC7rJxg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/GC0pcFQY1xSlq9QsgSvEVg/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: -.0; }
   |     ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/GC0pcFQY1xSlq9QsgSvEVg/input.css:1:5
+  |
+1 | a { width: -.0; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/GC0pcFQY1xSlq9QsgSvEVg/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/GI1rffTXev-78n9ei_53wQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: '\1' }
   |     ^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/GI1rffTXev-78n9ei_53wQ/input.css:1:5
+  |
+1 | a { value: '\1' }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/GI1rffTXev-78n9ei_53wQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/GpePX8ZJM8IP14hXFTKKxQ/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: x\,() }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/GpePX8ZJM8IP14hXFTKKxQ/input.css:1:5
+  |
+1 | a { value: x\,() }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/GpePX8ZJM8IP14hXFTKKxQ/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/Gt3Lw4L5Pe4aLLDPz9cxRg/span.rust-debug

@@ -64,6 +64,12 @@ error: Declaration
 1 | .decl { a: b; c: d }
   |         ^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/Gt3Lw4L5Pe4aLLDPz9cxRg/input.css:1:9
+  |
+1 | .decl { a: b; c: d }
+  |         ^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/Gt3Lw4L5Pe4aLLDPz9cxRg/input.css:1:9
   |
@@ -88,6 +94,12 @@ error: Declaration
 1 | .decl { a: b; c: d }
   |               ^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/Gt3Lw4L5Pe4aLLDPz9cxRg/input.css:1:15
+  |
+1 | .decl { a: b; c: d }
+  |               ^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/Gt3Lw4L5Pe4aLLDPz9cxRg/input.css:1:15
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/HDNE73X9waUrBkTAzz-20g/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { value: #h\61sh }
   |     ^^^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/HDNE73X9waUrBkTAzz-20g/input.css:1:5
+  |
+1 | a { value: #h\61sh }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/HDNE73X9waUrBkTAzz-20g/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/HWU09nmB9oZX7WY8zUbrnA/span.rust-debug

@@ -58,6 +58,12 @@ error: Declaration
 1 | a { width: -0.1%; }
   |     ^^^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/HWU09nmB9oZX7WY8zUbrnA/input.css:1:5
+  |
+1 | a { width: -0.1%; }
+  |     ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/HWU09nmB9oZX7WY8zUbrnA/input.css:1:5
   |

crates/swc_css_parser/tests/fixture/esbuild/misc/Jmhb8p_Oc2-nzkcDSk0dww/span.rust-debug

@@ -64,6 +64,12 @@ error: Declaration
 1 | @keyframes name { from { color: red } }
   |                          ^^^^^^^^^^
 
+error: DeclarationProperty
+ --> $DIR/tests/fixture/esbuild/misc/Jmhb8p_Oc2-nzkcDSk0dww/input.css:1:26
+  |
+1 | @keyframes name { from { color: red } }
+  |                          ^^^^^
+
 error: Ident
  --> $DIR/tests/fixture/esbuild/misc/Jmhb8p_Oc2-nzkcDSk0dww/input.css:1:26
   |