feat(css_parser,css_formatter): distinguish regular, custom, and dash…

…ed identifiers (#1353)

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

@@ -9,7 +9,7 @@ impl FormatRule<AnyCssDeclarationName> for FormatAnyCssDeclarationName {
     fn fmt(&self, node: &AnyCssDeclarationName, f: &mut CssFormatter) -> FormatResult<()> {
         match node {
             AnyCssDeclarationName::CssIdentifier(node) => node.format().fmt(f),
-            AnyCssDeclarationName::CssCustomProperty(node) => node.format().fmt(f),
+            AnyCssDeclarationName::CssDashedIdentifier(node) => node.format().fmt(f),
         }
     }
 }

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

@@ -8,7 +8,7 @@ impl FormatRule<AnyCssKeyframeName> for FormatAnyCssKeyframeName {
     type Context = CssFormatContext;
     fn fmt(&self, node: &AnyCssKeyframeName, f: &mut CssFormatter) -> FormatResult<()> {
         match node {
-            AnyCssKeyframeName::CssIdentifier(node) => node.format().fmt(f),
+            AnyCssKeyframeName::CssCustomIdentifier(node) => node.format().fmt(f),
             AnyCssKeyframeName::CssString(node) => node.format().fmt(f),
         }
     }

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

@@ -9,12 +9,13 @@ impl FormatRule<AnyCssValue> for FormatAnyCssValue {
     fn fmt(&self, node: &AnyCssValue, f: &mut CssFormatter) -> FormatResult<()> {
         match node {
             AnyCssValue::CssIdentifier(node) => node.format().fmt(f),
+            AnyCssValue::CssCustomIdentifier(node) => node.format().fmt(f),
+            AnyCssValue::CssDashedIdentifier(node) => node.format().fmt(f),
             AnyCssValue::CssString(node) => node.format().fmt(f),
             AnyCssValue::CssNumber(node) => node.format().fmt(f),
             AnyCssValue::AnyCssDimension(node) => node.format().fmt(f),
             AnyCssValue::CssRatio(node) => node.format().fmt(f),
             AnyCssValue::AnyCssFunction(node) => node.format().fmt(f),
-            AnyCssValue::CssCustomProperty(node) => node.format().fmt(f),
             AnyCssValue::CssColor(node) => node.format().fmt(f),
         }
     }

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

@@ -0,0 +1,13 @@
+use crate::prelude::*;
+use biome_css_syntax::{CssCustomIdentifier, CssCustomIdentifierFields};
+use biome_formatter::write;
+
+#[derive(Debug, Clone, Default)]
+pub(crate) struct FormatCssCustomIdentifier;
+impl FormatNodeRule<CssCustomIdentifier> for FormatCssCustomIdentifier {
+    fn fmt_fields(&self, node: &CssCustomIdentifier, f: &mut CssFormatter) -> FormatResult<()> {
+        let CssCustomIdentifierFields { value_token } = node.as_fields();
+
+        write!(f, [value_token.format()])
+    }
+}