feat(css/minifier): Support to and from with initial (#6613)

crates/swc_css_ast/src/base.rs

@@ -2,9 +2,10 @@ use is_macro::Is;
 use swc_common::{ast_node, util::take::Take, EqIgnoreSpan, Span};
 
 use crate::{
-    AlphaValue, AtRule, CalcSum, CmykComponent, Color, ComplexSelector, DashedIdent, Delimiter,
-    Dimension, Hue, Ident, Integer, KeyframeBlock, LayerName, Number, Percentage, Ratio,
-    RelativeSelectorList, SelectorList, Str, SupportsCondition, TokenAndSpan, UnicodeRange, Url,
+    AlphaValue, AnglePercentage, AtRule, CalcSum, CmykComponent, Color, ComplexSelector,
+    DashedIdent, Delimiter, Dimension, FrequencyPercentage, Hue, Ident, Integer, KeyframeBlock,
+    LayerName, LengthPercentage, Number, Percentage, Ratio, RelativeSelectorList, SelectorList,
+    Str, SupportsCondition, TimePercentage, TokenAndSpan, UnicodeRange, Url,
 };
 
 #[ast_node("Stylesheet")]
@@ -155,6 +156,14 @@ pub enum ComponentValue {
     Percentage(Box<Percentage>),
     #[tag("Dimension")]
     Dimension(Box<Dimension>),
+    #[tag("LengthPercentage")]
+    LengthPercentage(Box<LengthPercentage>),
+    #[tag("FrequencyPercentage")]
+    FrequencyPercentage(Box<FrequencyPercentage>),
+    #[tag("AnglePercentage")]
+    AnglePercentage(Box<AnglePercentage>),
+    #[tag("TimePercentage")]
+    TimePercentage(Box<TimePercentage>),
     #[tag("Ratio")]
     Ratio(Box<Ratio>),
     #[tag("UnicodeRange")]

crates/swc_css_codegen/src/lib.rs

@@ -1,3 +1,4 @@
+#![feature(box_patterns)]
 #![deny(clippy::all)]
 #![allow(clippy::needless_update)]
 
@@ -1162,20 +1163,26 @@ where
                     | ComponentValue::Delimiter(_)
                     | ComponentValue::Str(_)
                     | ComponentValue::Url(_)
-                    | ComponentValue::Percentage(_) => match next {
-                        Some(ComponentValue::Delimiter(delimiter))
-                            if matches!(
-                                **delimiter,
-                                Delimiter {
-                                    value: DelimiterValue::Comma,
-                                    ..
-                                }
-                            ) =>
-                        {
-                            false
+                    | ComponentValue::Percentage(_)
+                    | ComponentValue::LengthPercentage(box LengthPercentage::Percentage(_))
+                    | ComponentValue::FrequencyPercentage(box FrequencyPercentage::Percentage(_))
+                    | ComponentValue::AnglePercentage(box AnglePercentage::Percentage(_))
+                    | ComponentValue::TimePercentage(box TimePercentage::Percentage(_)) => {
+                        match next {
+                            Some(ComponentValue::Delimiter(delimiter))
+                                if matches!(
+                                    **delimiter,
+                                    Delimiter {
+                                        value: DelimiterValue::Comma,
+                                        ..
+                                    }
+                                ) =>
+                            {
+                                false
+                            }
+                            _ => !self.config.minify,
                         }
-                        _ => !self.config.minify,
-                    },
+                    }
                     ComponentValue::Color(color)
                         if matches!(
                             **color,
@@ -1225,6 +1232,27 @@ where
                                 true
                             }
                         }
+                        Some(ComponentValue::LengthPercentage(box LengthPercentage::Length(
+                            Length { value, .. },
+                        )))
+                        | Some(ComponentValue::FrequencyPercentage(
+                            box FrequencyPercentage::Frequency(Frequency { value, .. }),
+                        ))
+                        | Some(ComponentValue::AnglePercentage(box AnglePercentage::Angle(
+                            Angle { value, .. },
+                        )))
+                        | Some(ComponentValue::TimePercentage(box TimePercentage::Time(Time {
+                            value,
+                            ..
+                        }))) => {
+                            if self.config.minify {
+                                let minified = minify_numeric(value.value);
+
+                                !minified.starts_with('.')
+                            } else {
+                                true
+                            }
+                        }
                         Some(ComponentValue::Dimension(dimension)) => {
                             if self.config.minify {
                                 let value = match &**dimension {
@@ -1417,6 +1445,10 @@ where
             ComponentValue::Number(n) => emit!(self, n),
             ComponentValue::Percentage(n) => emit!(self, n),
             ComponentValue::Dimension(n) => emit!(self, n),
+            ComponentValue::LengthPercentage(n) => emit!(self, n),
+            ComponentValue::FrequencyPercentage(n) => emit!(self, n),
+            ComponentValue::AnglePercentage(n) => emit!(self, n),
+            ComponentValue::TimePercentage(n) => emit!(self, n),
             ComponentValue::Ratio(n) => emit!(self, n),
             ComponentValue::UnicodeRange(n) => emit!(self, n),
             ComponentValue::Color(n) => emit!(self, n),

crates/swc_css_minifier/src/compressor/container.rs

@@ -45,8 +45,8 @@ impl Compressor {
     }
 
     pub(super) fn compress_size_feature_value_length(&mut self, n: &mut SizeFeatureValue) {
-        if let SizeFeatureValue::Dimension(dimension) = n {
-            if let Some(number) = self.length_to_zero(dimension) {
+        if let SizeFeatureValue::Dimension(Dimension::Length(length)) = n {
+            if let Some(number) = self.length_to_zero(length) {
                 *n = SizeFeatureValue::Number(number)
             }
         }