From 35dba3e31cd2c919245361508dff4cfa2df7d89a Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Wed, 2 Sep 2026 12:27:32 -0400
Subject: [PATCH 1/8] update url in doc

---
 dist/index-umd-web.js       |  10 +-
 dist/index.cjs              |  10 +-
 dist/index.d.ts             | 362 ++++++++++++++++++------------------
 dist/lib/parser/tokenize.js |   8 +-
 files/getting-started.md    |   4 +-
 src/lib/parser/tokenize.ts  |   9 +-
 6 files changed, 201 insertions(+), 202 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 28299453..eb614d59 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -23723,7 +23723,7 @@
      * match url
      */
     const matchUrl = /^(https?:)?\/\//;
-    const windowsPathnameRegexp = /^\/?[a-zA-Z]:\/?/;
+    const windowsPathnameRegexp = /^\/?[a-zA-Z]:/;
     /**
      * return the directory name of a path
      * @param path
@@ -25713,7 +25713,7 @@
          * @param parseInfo
          * @returns
          */
-        consumeURLToken(parseInfo) {
+        consumeStringAsURLToken(parseInfo) {
             const quote = this.advance(parseInfo).charCodeAt(0);
             let charCode;
             let decodeSegments = false;
@@ -26155,7 +26155,7 @@
             }
             return 0;
         }
-        parseURLToken(parseInfo, endPosition) {
+        consumeURLToken(parseInfo, endPosition) {
             let charCode;
             // consume an <url>
             while (isWhiteSpace(this.peekCharCode(parseInfo))) {
@@ -26163,7 +26163,7 @@
             }
             charCode = this.peekCharCode(parseInfo);
             if (charCode == 34 /* TokenMap.DOUBLE_QUOTE */ || charCode == 39 /* TokenMap.SINGLE_QUOTE */) {
-                return this.consumeURLToken(parseInfo);
+                return this.consumeStringAsURLToken(parseInfo);
             }
             do {
                 this.advance(parseInfo);
@@ -26574,7 +26574,7 @@
             while ((charCode = this.peekCharCode(parseInfo)) == charCode) {
                 if (this.state === exports.EnumToken.UrlFunctionTokenDefType) {
                     this.state = null;
-                    return this.parseURLToken(parseInfo, endPosition);
+                    return this.consumeURLToken(parseInfo, endPosition);
                 }
                 if (parseInfo.position == parseInfo.currentPosition) {
                     if (charCode == 45 /* TokenMap.MINUS */ ||
diff --git a/dist/index.cjs b/dist/index.cjs
index a651d369..e85b2b0d 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -23726,7 +23726,7 @@ class LineMap {
  * match url
  */
 const matchUrl = /^(https?:)?\/\//;
-const windowsPathnameRegexp = /^\/?[a-zA-Z]:\/?/;
+const windowsPathnameRegexp = /^\/?[a-zA-Z]:/;
 /**
  * return the directory name of a path
  * @param path
@@ -25716,7 +25716,7 @@ class Tokenizer {
      * @param parseInfo
      * @returns
      */
-    consumeURLToken(parseInfo) {
+    consumeStringAsURLToken(parseInfo) {
         const quote = this.advance(parseInfo).charCodeAt(0);
         let charCode;
         let decodeSegments = false;
@@ -26158,7 +26158,7 @@ class Tokenizer {
         }
         return 0;
     }
-    parseURLToken(parseInfo, endPosition) {
+    consumeURLToken(parseInfo, endPosition) {
         let charCode;
         // consume an <url>
         while (isWhiteSpace(this.peekCharCode(parseInfo))) {
@@ -26166,7 +26166,7 @@ class Tokenizer {
         }
         charCode = this.peekCharCode(parseInfo);
         if (charCode == 34 /* TokenMap.DOUBLE_QUOTE */ || charCode == 39 /* TokenMap.SINGLE_QUOTE */) {
-            return this.consumeURLToken(parseInfo);
+            return this.consumeStringAsURLToken(parseInfo);
         }
         do {
             this.advance(parseInfo);
@@ -26577,7 +26577,7 @@ class Tokenizer {
         while ((charCode = this.peekCharCode(parseInfo)) == charCode) {
             if (this.state === exports.EnumToken.UrlFunctionTokenDefType) {
                 this.state = null;
-                return this.parseURLToken(parseInfo, endPosition);
+                return this.consumeURLToken(parseInfo, endPosition);
             }
             if (parseInfo.position == parseInfo.currentPosition) {
                 if (charCode == 45 /* TokenMap.MINUS */ ||
diff --git a/dist/index.d.ts b/dist/index.d.ts
index c505142f..3314d9ec 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -987,7 +987,7 @@ declare const OPTIMIZED: unique symbol;
 /**
  * Literal token
  */
-declare interface LiteralToken extends BaseToken {
+export declare interface LiteralToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1001,7 +1001,7 @@ declare interface LiteralToken extends BaseToken {
 /**
  * Class selector token
  */
-declare interface ClassSelectorToken extends BaseToken {
+export declare interface ClassSelectorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1015,7 +1015,7 @@ declare interface ClassSelectorToken extends BaseToken {
 /**
  * Invalid class selector token
  */
-declare interface InvalidClassSelectorToken extends BaseToken {
+export declare interface InvalidClassSelectorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1029,7 +1029,7 @@ declare interface InvalidClassSelectorToken extends BaseToken {
 /**
  * Universal selector token
  */
-declare interface UniversalSelectorToken extends BaseToken {
+export declare interface UniversalSelectorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1039,7 +1039,7 @@ declare interface UniversalSelectorToken extends BaseToken {
 /**
  * Ident token
  */
-declare interface IdentToken extends BaseToken {
+export declare interface IdentToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1053,7 +1053,7 @@ declare interface IdentToken extends BaseToken {
 /**
  * Ident list token
  */
-declare interface IdentListToken extends BaseToken {
+export declare interface IdentListToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1067,7 +1067,7 @@ declare interface IdentListToken extends BaseToken {
 /**
  * Dashed ident token
  */
-declare interface DashedIdentToken extends BaseToken {
+export declare interface DashedIdentToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1081,7 +1081,7 @@ declare interface DashedIdentToken extends BaseToken {
 /**
  * Comma token
  */
-declare interface CommaToken extends BaseToken {
+export declare interface CommaToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1091,7 +1091,7 @@ declare interface CommaToken extends BaseToken {
 /**
  * Colon token
  */
-declare interface ColonToken extends BaseToken {
+export declare interface ColonToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1101,7 +1101,7 @@ declare interface ColonToken extends BaseToken {
 /**
  * Double colon token
  */
-declare interface DoubleColonToken extends BaseToken {
+export declare interface DoubleColonToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1111,7 +1111,7 @@ declare interface DoubleColonToken extends BaseToken {
 /**
  * Semicolon token
  */
-declare interface SemiColonToken extends BaseToken {
+export declare interface SemiColonToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1121,7 +1121,7 @@ declare interface SemiColonToken extends BaseToken {
 /**
  * Nesting selector token
  */
-declare interface NestingSelectorToken extends BaseToken {
+export declare interface NestingSelectorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1131,7 +1131,7 @@ declare interface NestingSelectorToken extends BaseToken {
 /**
  * Number token
  */
-declare interface NumberToken extends BaseToken {
+export declare interface NumberToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1149,7 +1149,7 @@ declare interface NumberToken extends BaseToken {
 /**
  * At rule token
  */
-declare interface AtRuleToken extends BaseToken {
+export declare interface AtRuleToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1167,7 +1167,7 @@ declare interface AtRuleToken extends BaseToken {
 /**
  * Percentage token
  */
-declare interface PercentageToken extends BaseToken {
+export declare interface PercentageToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1181,7 +1181,7 @@ declare interface PercentageToken extends BaseToken {
 /**
  * Flex token
  */
-declare interface FlexToken extends BaseToken {
+export declare interface FlexToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1195,7 +1195,7 @@ declare interface FlexToken extends BaseToken {
 /**
  * Function token
  */
-declare interface FunctionToken extends BaseToken {
+export declare interface FunctionToken extends BaseToken {
     /**
      * function type
      */
@@ -1225,7 +1225,7 @@ declare interface FunctionToken extends BaseToken {
 /**
  * Grid template function token
  */
-declare interface GridTemplateFuncToken extends BaseToken {
+export declare interface GridTemplateFuncToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1243,7 +1243,7 @@ declare interface GridTemplateFuncToken extends BaseToken {
 /**
  * Function URL token
  */
-declare interface FunctionURLToken extends BaseToken {
+export declare interface FunctionURLToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1261,7 +1261,7 @@ declare interface FunctionURLToken extends BaseToken {
 /**
  * Function image token
  */
-declare interface FunctionImageToken extends BaseToken {
+export declare interface FunctionImageToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1288,7 +1288,7 @@ declare interface FunctionImageToken extends BaseToken {
 /**
  * Timing function token
  */
-declare interface TimingFunctionToken extends BaseToken {
+export declare interface TimingFunctionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1306,7 +1306,7 @@ declare interface TimingFunctionToken extends BaseToken {
 /**
  * Timeline function token
  */
-declare interface TimelineFunctionToken extends BaseToken {
+export declare interface TimelineFunctionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1324,7 +1324,7 @@ declare interface TimelineFunctionToken extends BaseToken {
 /**
  * String token
  */
-declare interface StringToken extends BaseToken {
+export declare interface StringToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1338,7 +1338,7 @@ declare interface StringToken extends BaseToken {
 /**
  * Bad string token
  */
-declare interface BadStringToken extends BaseToken {
+export declare interface BadStringToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1352,7 +1352,7 @@ declare interface BadStringToken extends BaseToken {
 /**
  * Unclosed string token
  */
-declare interface UnclosedStringToken extends BaseToken {
+export declare interface UnclosedStringToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1366,7 +1366,7 @@ declare interface UnclosedStringToken extends BaseToken {
 /**
  * Dimension token
  */
-declare interface DimensionToken extends BaseToken {
+export declare interface DimensionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1384,7 +1384,7 @@ declare interface DimensionToken extends BaseToken {
 /**
  * Length token
  */
-declare interface LengthToken extends BaseToken {
+export declare interface LengthToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1402,7 +1402,7 @@ declare interface LengthToken extends BaseToken {
 /**
  * Angle token
  */
-declare interface AngleToken extends BaseToken {
+export declare interface AngleToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1420,7 +1420,7 @@ declare interface AngleToken extends BaseToken {
 /**
  * Time token
  */
-declare interface TimeToken extends BaseToken {
+export declare interface TimeToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1438,7 +1438,7 @@ declare interface TimeToken extends BaseToken {
 /**
  * Frequency token
  */
-declare interface FrequencyToken extends BaseToken {
+export declare interface FrequencyToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1456,7 +1456,7 @@ declare interface FrequencyToken extends BaseToken {
 /**
  * Resolution token
  */
-declare interface ResolutionToken extends BaseToken {
+export declare interface ResolutionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1474,7 +1474,7 @@ declare interface ResolutionToken extends BaseToken {
 /**
  * Hash token
  */
-declare interface HashToken extends BaseToken {
+export declare interface HashToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1488,7 +1488,7 @@ declare interface HashToken extends BaseToken {
 /**
  * Block start token
  */
-declare interface BlockStartToken extends BaseToken {
+export declare interface BlockStartToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1498,7 +1498,7 @@ declare interface BlockStartToken extends BaseToken {
 /**
  * Block end token
  */
-declare interface BlockEndToken extends BaseToken {
+export declare interface BlockEndToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1508,7 +1508,7 @@ declare interface BlockEndToken extends BaseToken {
 /**
  * Attribute start token
  */
-declare interface AttrStartToken extends BaseToken {
+export declare interface AttrStartToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1522,7 +1522,7 @@ declare interface AttrStartToken extends BaseToken {
 /**
  * Attribute end token
  */
-declare interface AttrEndToken extends BaseToken {
+export declare interface AttrEndToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1532,7 +1532,7 @@ declare interface AttrEndToken extends BaseToken {
 /**
  * Parenthesis start token
  */
-declare interface ParensStartToken extends BaseToken {
+export declare interface ParensStartToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1542,7 +1542,7 @@ declare interface ParensStartToken extends BaseToken {
 /**
  * Parenthesis end token
  */
-declare interface ParensEndToken extends BaseToken {
+export declare interface ParensEndToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1552,7 +1552,7 @@ declare interface ParensEndToken extends BaseToken {
 /**
  * Parenthesis token
  */
-declare interface ParensToken extends BaseToken {
+export declare interface ParensToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1566,7 +1566,7 @@ declare interface ParensToken extends BaseToken {
 /**
  * Whitespace token
  */
-declare interface WhitespaceToken extends BaseToken {
+export declare interface WhitespaceToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1580,7 +1580,7 @@ declare interface WhitespaceToken extends BaseToken {
 /**
  * Comment token
  */
-declare interface CommentToken extends BaseToken {
+export declare interface CommentToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1594,7 +1594,7 @@ declare interface CommentToken extends BaseToken {
 /**
  * Bad comment token
  */
-declare interface BadCommentToken extends BaseToken {
+export declare interface BadCommentToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1608,7 +1608,7 @@ declare interface BadCommentToken extends BaseToken {
 /**
  * CDO comment token
  */
-declare interface CDOCommentToken extends BaseToken {
+export declare interface CDOCommentToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1622,7 +1622,7 @@ declare interface CDOCommentToken extends BaseToken {
 /**
  * Bad CDO comment token
  */
-declare interface BadCDOCommentToken extends BaseToken {
+export declare interface BadCDOCommentToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1636,7 +1636,7 @@ declare interface BadCDOCommentToken extends BaseToken {
 /**
  * Include match token
  */
-declare interface IncludeMatchToken extends BaseToken {
+export declare interface IncludeMatchToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1647,7 +1647,7 @@ declare interface IncludeMatchToken extends BaseToken {
 /**
  * Dash match token
  */
-declare interface DashMatchToken extends BaseToken {
+export declare interface DashMatchToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1658,7 +1658,7 @@ declare interface DashMatchToken extends BaseToken {
 /**
  * Equal match token
  */
-declare interface EqualMatchToken extends BaseToken {
+export declare interface EqualMatchToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1669,7 +1669,7 @@ declare interface EqualMatchToken extends BaseToken {
 /**
  * Start match token
  */
-declare interface StartMatchToken extends BaseToken {
+export declare interface StartMatchToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1680,7 +1680,7 @@ declare interface StartMatchToken extends BaseToken {
 /**
  * End match token
  */
-declare interface EndMatchToken extends BaseToken {
+export declare interface EndMatchToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1691,7 +1691,7 @@ declare interface EndMatchToken extends BaseToken {
 /**
  * Contain match token
  */
-declare interface ContainMatchToken extends BaseToken {
+export declare interface ContainMatchToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1702,7 +1702,7 @@ declare interface ContainMatchToken extends BaseToken {
 /**
  * Less than token
  */
-declare interface LessThanToken extends BaseToken {
+export declare interface LessThanToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1712,7 +1712,7 @@ declare interface LessThanToken extends BaseToken {
 /**
  * Less than or equal token
  */
-declare interface LessThanOrEqualToken extends BaseToken {
+export declare interface LessThanOrEqualToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1722,7 +1722,7 @@ declare interface LessThanOrEqualToken extends BaseToken {
 /**
  * Greater than token
  */
-declare interface GreaterThanToken extends BaseToken {
+export declare interface GreaterThanToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1732,7 +1732,7 @@ declare interface GreaterThanToken extends BaseToken {
 /**
  * Greater than or equal token
  */
-declare interface GreaterThanOrEqualToken extends BaseToken {
+export declare interface GreaterThanOrEqualToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1742,7 +1742,7 @@ declare interface GreaterThanOrEqualToken extends BaseToken {
 /**
  * Column combinator token
  */
-declare interface ColumnCombinatorToken extends BaseToken {
+export declare interface ColumnCombinatorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1752,7 +1752,7 @@ declare interface ColumnCombinatorToken extends BaseToken {
 /**
  * Pseudo class token
  */
-declare interface PseudoClassToken extends BaseToken {
+export declare interface PseudoClassToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1766,7 +1766,7 @@ declare interface PseudoClassToken extends BaseToken {
 /**
  * Pseudo element token
  */
-declare interface PseudoElementToken extends BaseToken {
+export declare interface PseudoElementToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1780,7 +1780,7 @@ declare interface PseudoElementToken extends BaseToken {
 /**
  * Pseudo page token
  */
-declare interface PseudoPageToken extends BaseToken {
+export declare interface PseudoPageToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1794,7 +1794,7 @@ declare interface PseudoPageToken extends BaseToken {
 /**
  * Pseudo class function token
  */
-declare interface PseudoClassFunctionToken extends BaseToken {
+export declare interface PseudoClassFunctionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1812,7 +1812,7 @@ declare interface PseudoClassFunctionToken extends BaseToken {
 /**
  * Delim token
  */
-declare interface DelimToken extends BaseToken {
+export declare interface DelimToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1822,7 +1822,7 @@ declare interface DelimToken extends BaseToken {
 /**
  * Bad URL token
  */
-declare interface BadUrlToken extends BaseToken {
+export declare interface BadUrlToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1836,7 +1836,7 @@ declare interface BadUrlToken extends BaseToken {
 /**
  * URL token
  */
-declare interface UrlToken extends BaseToken {
+export declare interface UrlToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1850,7 +1850,7 @@ declare interface UrlToken extends BaseToken {
 /**
  * EOF token
  */
-declare interface EOFToken extends BaseToken {
+export declare interface EOFToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1860,7 +1860,7 @@ declare interface EOFToken extends BaseToken {
 /**
  * Important token
  */
-declare interface ImportantToken extends BaseToken {
+export declare interface ImportantToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1870,7 +1870,7 @@ declare interface ImportantToken extends BaseToken {
 /**
  * Color token
  */
-declare interface ColorToken extends BaseToken {
+export declare interface ColorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1896,7 +1896,7 @@ declare interface ColorToken extends BaseToken {
 /**
  * Attribute token
  */
-declare interface AttrToken extends BaseToken {
+export declare interface AttrToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1910,7 +1910,7 @@ declare interface AttrToken extends BaseToken {
 /**
  * Invalid attribute token
  */
-declare interface InvalidAttrToken extends BaseToken {
+export declare interface InvalidAttrToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1924,7 +1924,7 @@ declare interface InvalidAttrToken extends BaseToken {
 /**
  * Child combinator token
  */
-declare interface ChildCombinatorToken extends BaseToken {
+export declare interface ChildCombinatorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1934,7 +1934,7 @@ declare interface ChildCombinatorToken extends BaseToken {
 /**
  * Media feature token
  */
-declare interface MediaFeatureToken extends BaseToken {
+export declare interface MediaFeatureToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1948,7 +1948,7 @@ declare interface MediaFeatureToken extends BaseToken {
 /**
  * Media feature not token
  */
-declare interface NotToken extends BaseToken {
+export declare interface NotToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1962,7 +1962,7 @@ declare interface NotToken extends BaseToken {
 /**
  * Media feature only token
  */
-declare interface MediaFeatureOnlyToken extends BaseToken {
+export declare interface MediaFeatureOnlyToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1976,7 +1976,7 @@ declare interface MediaFeatureOnlyToken extends BaseToken {
 /**
  * Media feature and token
  */
-declare interface AndToken extends BaseToken {
+export declare interface AndToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1986,7 +1986,7 @@ declare interface AndToken extends BaseToken {
 /**
  * Media feature or token
  */
-declare interface OrToken extends BaseToken {
+export declare interface OrToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -1996,7 +1996,7 @@ declare interface OrToken extends BaseToken {
 /**
  * Media query condition token
  */
-declare interface MediaQueryUnaryFeatureToken extends BaseToken {
+export declare interface MediaQueryUnaryFeatureToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2011,7 +2011,7 @@ declare interface MediaQueryUnaryFeatureToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface SupportsQueryUnaryConditionToken extends BaseToken {
+export declare interface SupportsQueryUnaryConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2026,7 +2026,7 @@ declare interface SupportsQueryUnaryConditionToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface SupportsQueryConditionToken extends BaseToken {
+export declare interface SupportsQueryConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2045,7 +2045,7 @@ declare interface SupportsQueryConditionToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface WhenElseQueryConditionToken extends BaseToken {
+export declare interface WhenElseQueryConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2064,7 +2064,7 @@ declare interface WhenElseQueryConditionToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface WhenElseUnaryConditionToken extends BaseToken {
+export declare interface WhenElseUnaryConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2079,7 +2079,7 @@ declare interface WhenElseUnaryConditionToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface MediaQueryConditionToken extends BaseToken {
+export declare interface MediaQueryConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2106,7 +2106,7 @@ declare interface MediaQueryConditionToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface IfConditionToken extends BaseToken {
+export declare interface IfConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2121,7 +2121,7 @@ declare interface IfConditionToken extends BaseToken {
     r: Token$1[];
 }
 
-declare interface IfElseConditionToken extends BaseToken {
+export declare interface IfElseConditionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2136,7 +2136,7 @@ declare interface IfElseConditionToken extends BaseToken {
     r: IfConditionToken;
 }
 
-declare interface ContainerStyleRangeToken extends BaseToken {
+export declare interface ContainerStyleRangeToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2159,7 +2159,7 @@ declare interface ContainerStyleRangeToken extends BaseToken {
 /**
  * @inheritdoc
  */
-declare interface MediaRangeQueryToken extends BaseToken {
+export declare interface MediaRangeQueryToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2189,7 +2189,7 @@ declare interface MediaRangeQueryToken extends BaseToken {
 /**
  * @inheritdoc
  */
-declare interface InvalidMediaQueryToken extends BaseToken {
+export declare interface InvalidMediaQueryToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2204,7 +2204,7 @@ declare interface InvalidMediaQueryToken extends BaseToken {
 /**
  * Descendant combinator token
  */
-declare interface DescendantCombinatorToken extends BaseToken {
+export declare interface DescendantCombinatorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2214,7 +2214,7 @@ declare interface DescendantCombinatorToken extends BaseToken {
 /**
  * Next sibling combinator token
  */
-declare interface NextSiblingCombinatorToken extends BaseToken {
+export declare interface NextSiblingCombinatorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2224,7 +2224,7 @@ declare interface NextSiblingCombinatorToken extends BaseToken {
 /**
  * Subsequent sibling combinator token
  */
-declare interface SubsequentCombinatorToken extends BaseToken {
+export declare interface SubsequentCombinatorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2234,7 +2234,7 @@ declare interface SubsequentCombinatorToken extends BaseToken {
 /**
  * Add token
  */
-declare interface AddToken extends BaseToken {
+export declare interface AddToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2244,7 +2244,7 @@ declare interface AddToken extends BaseToken {
 /**
  * Sub token
  */
-declare interface SubToken extends BaseToken {
+export declare interface SubToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2254,7 +2254,7 @@ declare interface SubToken extends BaseToken {
 /**
  * Div token
  */
-declare interface DivToken extends BaseToken {
+export declare interface DivToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2264,7 +2264,7 @@ declare interface DivToken extends BaseToken {
 /**
  * Mul token
  */
-declare interface MulToken extends BaseToken {
+export declare interface MulToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2274,7 +2274,7 @@ declare interface MulToken extends BaseToken {
 /**
  * Wrapped values token like {Arial, Helvetica, sans-serif}
  */
-declare interface WrappedValuesToken extends BaseToken {
+export declare interface WrappedValuesToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2288,7 +2288,7 @@ declare interface WrappedValuesToken extends BaseToken {
 /**
  * Unary expression token
  */
-declare interface UnaryExpression extends BaseToken {
+export declare interface UnaryExpression extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2306,7 +2306,7 @@ declare interface UnaryExpression extends BaseToken {
 /**
  * Fraction token
  */
-declare interface FractionToken extends BaseToken {
+export declare interface FractionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2324,7 +2324,7 @@ declare interface FractionToken extends BaseToken {
 /**
  * Binary expression token
  */
-declare interface BinaryExpressionToken extends BaseToken {
+export declare interface BinaryExpressionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2346,7 +2346,7 @@ declare interface BinaryExpressionToken extends BaseToken {
 /**
  * Match expression token
  */
-declare interface MatchExpressionToken extends BaseToken {
+export declare interface MatchExpressionToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2372,7 +2372,7 @@ declare interface MatchExpressionToken extends BaseToken {
 /**
  * Name space attribute token
  */
-declare interface NameSpaceAttributeToken extends BaseToken {
+export declare interface NameSpaceAttributeToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2390,7 +2390,7 @@ declare interface NameSpaceAttributeToken extends BaseToken {
 /**
  * List token
  */
-declare interface ListToken extends BaseToken {
+export declare interface ListToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2404,7 +2404,7 @@ declare interface ListToken extends BaseToken {
 /**
  * Composes selector token
  */
-declare interface ComposesSelectorToken extends BaseToken {
+export declare interface ComposesSelectorToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2422,7 +2422,7 @@ declare interface ComposesSelectorToken extends BaseToken {
 /**
  * Css variable token
  */
-declare interface CssVariableToken extends BaseToken {
+export declare interface CssVariableToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2440,7 +2440,7 @@ declare interface CssVariableToken extends BaseToken {
 /**
  * Css variable import token
  */
-declare interface CssVariableImportTokenType extends BaseToken {
+export declare interface CssVariableImportTokenType extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2458,7 +2458,7 @@ declare interface CssVariableImportTokenType extends BaseToken {
 /**
  * Css variable map token
  */
-declare interface CssVariableMapTokenType extends BaseToken {
+export declare interface CssVariableMapTokenType extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2476,7 +2476,7 @@ declare interface CssVariableMapTokenType extends BaseToken {
 /**
  * Function definition token
  */
-declare interface FunctionDefToken extends BaseToken {
+export declare interface FunctionDefToken extends BaseToken {
     /**
      * @inheritdoc
      */
@@ -2504,7 +2504,7 @@ declare interface FunctionDefToken extends BaseToken {
 /**
  * Raw node token
  */
-declare interface RawNodeToken extends BaseToken, EnumAstNodeStatus$1 {
+export declare interface RawNodeToken extends BaseToken, EnumAstNodeStatus$1 {
     /**
      * @inheritdoc
      */
@@ -2518,7 +2518,7 @@ declare interface RawNodeToken extends BaseToken, EnumAstNodeStatus$1 {
 /**
  * Unary expression node
  */
-declare type UnaryExpressionNode =
+export declare type UnaryExpressionNode =
     | BinaryExpressionNode
     | NumberToken
     | DimensionToken
@@ -2530,7 +2530,7 @@ declare type UnaryExpressionNode =
 /**
  * Binary expression node
  */
-declare type BinaryExpressionNode =
+export declare type BinaryExpressionNode =
     | NumberToken
     | DimensionToken
     | PercentageToken
@@ -2546,7 +2546,7 @@ declare type BinaryExpressionNode =
 /**
  * Token
  */
-declare type Token$1 =
+export declare type Token$1 =
     | InvalidClassSelectorToken
     | InvalidAttrToken
     | LiteralToken
@@ -2654,7 +2654,7 @@ declare type Token$1 =
 /**
  * token or node location
  */
-declare interface SourceLocation {
+export declare interface SourceLocation {
     /**
      * start position
      */
@@ -2672,7 +2672,7 @@ declare interface SourceLocation {
 /**
  * Common token interface
  */
-declare interface BaseToken {
+export declare interface BaseToken {
     /**
      * token type
      */
@@ -2745,7 +2745,7 @@ declare interface BaseToken {
 /**
  * Ast node state
  */
-declare interface AstNodeStatus {
+export declare interface AstNodeStatus {
     /**
      * Node state
      */
@@ -2759,7 +2759,7 @@ declare interface AstNodeStatus {
 /**
  * comment node
  */
-declare interface AstComment extends BaseToken {
+export declare interface AstComment extends BaseToken {
     /**
      * token type
      */
@@ -2773,7 +2773,7 @@ declare interface AstComment extends BaseToken {
 /**
  * declaration node
  */
-declare interface AstDeclaration extends BaseToken, AstNodeStatus {
+export declare interface AstDeclaration extends BaseToken, AstNodeStatus {
     /**
      * token name
      */
@@ -2791,7 +2791,7 @@ declare interface AstDeclaration extends BaseToken, AstNodeStatus {
 /**
  * rule node
  */
-declare interface AstRule extends BaseToken, AstNodeStatus {
+export declare interface AstRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -2820,7 +2820,7 @@ declare interface AstRule extends BaseToken, AstNodeStatus {
  * Invalid rule node
  * @deprecated
  */
-declare interface AstInvalidRule extends BaseToken, AstNodeStatus {
+export declare interface AstInvalidRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -2839,7 +2839,7 @@ declare interface AstInvalidRule extends BaseToken, AstNodeStatus {
  * invalid declaration node
  * @deprecated
  */
-declare interface AstInvalidDeclaration extends BaseToken, AstNodeStatus {
+export declare interface AstInvalidDeclaration extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -2858,7 +2858,7 @@ declare interface AstInvalidDeclaration extends BaseToken, AstNodeStatus {
  * invalid at rule node
  * @deprecated
  */
-declare interface AstInvalidAtRule extends BaseToken, AstNodeStatus {
+export declare interface AstInvalidAtRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -2880,14 +2880,14 @@ declare interface AstInvalidAtRule extends BaseToken, AstNodeStatus {
 /**
  * raw selector tokens
  */
-declare type RawSelectorTokens = string[][];
+export declare type RawSelectorTokens = string[][];
 
 /**
  * optimized selector
  *
  * @private
  */
-declare interface OptimizedSelector {
+export declare interface OptimizedSelector {
     /**
      * matched selector
      */
@@ -2911,7 +2911,7 @@ declare interface OptimizedSelector {
  *
  * @private
  */
-declare interface OptimizedSelectorToken {
+export declare interface OptimizedSelectorToken {
     /**
      * match
      */
@@ -2933,7 +2933,7 @@ declare interface OptimizedSelectorToken {
 /**
  * at rule node
  */
-declare interface AstAtRule extends BaseToken, AstNodeStatus {
+export declare interface AstAtRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -2955,7 +2955,7 @@ declare interface AstAtRule extends BaseToken, AstNodeStatus {
 /**
  * keyframe rule node
  */
-declare interface AstKeyframesRule extends BaseToken, AstNodeStatus {
+export declare interface AstKeyframesRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -2985,7 +2985,7 @@ declare interface AstKeyframesRule extends BaseToken, AstNodeStatus {
 /**
  * keyframe rule node
  */
-declare interface AstKeyframesRule extends BaseToken, AstNodeStatus {
+export declare interface AstKeyframesRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -3011,7 +3011,7 @@ declare interface AstKeyframesRule extends BaseToken, AstNodeStatus {
 /**
  * keyframe at rule node
  */
-declare interface AstKeyframesAtRule extends BaseToken, AstNodeStatus {
+export declare interface AstKeyframesAtRule extends BaseToken, AstNodeStatus {
     /**
      * token type
      */
@@ -3033,7 +3033,7 @@ declare interface AstKeyframesAtRule extends BaseToken, AstNodeStatus {
 /**
  * rule list node
  */
-declare type AstRuleList =
+export declare type AstRuleList =
     | AstStyleSheet
     | AstAtRule
     | AstRule
@@ -3044,7 +3044,7 @@ declare type AstRuleList =
 /**
  * stylesheet node
  */
-declare interface AstStyleSheet extends BaseToken {
+export declare interface AstStyleSheet extends BaseToken {
     /**
      * token type
      */
@@ -3058,7 +3058,7 @@ declare interface AstStyleSheet extends BaseToken {
 /**
  * ast node
  */
-declare type AstNode$1 =
+export declare type AstNode$1 =
     | AstStyleSheet
     | AstRuleList
     | AstComment
@@ -3338,20 +3338,20 @@ declare function walkValues(values: Token$1[], root?: AstNode$1 | Token$1 | null
 /**
  * Generic visitor result
  */
-declare type GenericVisitorSyncResult<T> = T | T[] | null;
+export declare type GenericVisitorSyncResult<T> = T | T[] | null;
 /**
  * Generic visitor result
  */
-declare type GenericVisitorAsyncResult<T> = Promise<T> | Promise<T[]> | Promise<null>;
+export declare type GenericVisitorAsyncResult<T> = Promise<T> | Promise<T[]> | Promise<null>;
 /**
  * Generic visitor result
  */
-declare type GenericVisitorResult<T> = GenericVisitorSyncResult<T> | GenericVisitorAsyncResult<T>;
+export declare type GenericVisitorResult<T> = GenericVisitorSyncResult<T> | GenericVisitorAsyncResult<T>;
 
 /**
  * Generic visitor handler
  */
-declare type GenericVisitorSyncHandler<T> = (
+export declare type GenericVisitorSyncHandler<T> = (
     node: T,
     parent?: AstNode | Token,
     root?: AstNode | Token,
@@ -3360,7 +3360,7 @@ declare type GenericVisitorSyncHandler<T> = (
 /**
  * Generic visitor handler
  */
-declare type GenericVisitorAstNodeSyncHandlerMap<T> =
+export declare type GenericVisitorAstNodeSyncHandlerMap<T> =
     | Record<string, GenericVisitorSyncHandler<T>>
     | GenericVisitorSyncHandler<T>
     | { type: WalkerEvent; handler: GenericVisitorSyncHandler<T> }
@@ -3369,13 +3369,13 @@ declare type GenericVisitorAstNodeSyncHandlerMap<T> =
 /**
  * Generic visitor handler
  */
-declare type ValueVisitorSyncHandler = GenericVisitorSyncHandler<Token>;
+export declare type ValueVisitorSyncHandler = GenericVisitorSyncHandler<Token>;
 
 /**
  * node visitor callback map
  *
  */
-declare interface VisitorSyncNodeMap {
+export declare interface VisitorSyncNodeMap {
     /**
      * at rule visitor
      *
@@ -3634,7 +3634,7 @@ declare interface VisitorSyncNodeMap {
 /**
  * Generic visitor handler
  */
-declare type GenericVisitorHandler<T> = (
+export declare type GenericVisitorHandler<T> = (
     node: T,
     parent?: AstNode | Token,
     root?: AstNode | Token,
@@ -3643,7 +3643,7 @@ declare type GenericVisitorHandler<T> = (
 /**
  * Generic visitor handler
  */
-declare type GenericVisitorAstNodeHandlerMap<T> =
+export declare type GenericVisitorAstNodeHandlerMap<T> =
     | Record<string, GenericVisitorHandler<T>>
     | GenericVisitorHandler<T>
     | { type: WalkerEvent; handler: GenericVisitorHandler<T> }
@@ -3652,41 +3652,41 @@ declare type GenericVisitorAstNodeHandlerMap<T> =
 /**
  * Generic visitor handler
  */
-declare type ValueVisitorHandler = GenericVisitorHandler<Token>;
+export declare type ValueVisitorHandler = GenericVisitorHandler<Token>;
 
 /**
  * Declaration visitor handler
  */
-declare type DeclarationVisitorHandler = GenericVisitorHandler<AstDeclaration>;
+export declare type DeclarationVisitorHandler = GenericVisitorHandler<AstDeclaration>;
 
 /**
  * Declaration visitor handler
  */
-declare type DeclarationVisitorHandler = GenericVisitorHandler<AstDeclaration>;
+export declare type DeclarationVisitorHandler = GenericVisitorHandler<AstDeclaration>;
 /**
  * Rule visitor handler
  */
-declare type RuleVisitorHandler = GenericVisitorHandler<AstRule>;
+export declare type RuleVisitorHandler = GenericVisitorHandler<AstRule>;
 /**
  * Rule visitor handler
  */
-declare type RuleVisitorHandler = GenericVisitorHandler<AstRule>;
+export declare type RuleVisitorHandler = GenericVisitorHandler<AstRule>;
 
 /**
  * AtRule visitor handler
  */
-declare type AtRuleVisitorHandler = GenericVisitorHandler<AstAtRule>;
+export declare type AtRuleVisitorHandler = GenericVisitorHandler<AstAtRule>;
 
 /**
  * AtRule visitor handler
  */
-declare type AtRuleVisitorHandler = GenericVisitorHandler<AstAtRule>;
+export declare type AtRuleVisitorHandler = GenericVisitorHandler<AstAtRule>;
 
 /**
  * node visitor callback map
  *
  */
-declare interface VisitorNodeMap {
+export declare interface VisitorNodeMap {
     /**
      * at rule visitor
      *
@@ -4147,7 +4147,7 @@ declare class SourceFile {
     getInputSourceMap(): SourceMap | null;
 }
 
-declare interface PropertyListOptions {
+export declare interface PropertyListOptions {
     removeDuplicateDeclarations?: boolean | string | string[];
     computeShorthand?: boolean;
 }
@@ -4155,7 +4155,7 @@ declare interface PropertyListOptions {
 /**
  * parse info
  */
-declare interface ParseInfo$1 {
+export declare interface ParseInfo$1 {
     /**
      * stream
      */
@@ -4531,7 +4531,7 @@ interface ShorthandType {
 /**
  * @private
  */
-declare interface PropertiesConfig {
+export declare interface PropertiesConfig {
     /**
      * shorthand property minification rules
      */
@@ -4940,7 +4940,7 @@ interface BorderRadius {
 /**
  * node walker options
  */
-declare interface WalkerOptions {
+export declare interface WalkerOptions {
     /**
      * walk in reverse
      */
@@ -4959,7 +4959,7 @@ declare interface WalkerOptions {
 /**
  * node walker option
  */
-declare type WalkerOption = WalkerOptionEnum | AstNode$1 | Token$1 | null;
+export declare type WalkerOption = WalkerOptionEnum | AstNode$1 | Token$1 | null;
 /**
  * returned value:
  * - {@link WalkerOptionEnum.Ignore}: ignore this node and its children
@@ -4969,7 +4969,7 @@ declare type WalkerOption = WalkerOptionEnum | AstNode$1 | Token$1 | null;
  * - {@link AstNode}:
  * - {@link Token}:
  */
-declare type WalkerFilter = (node: AstNode$1) => WalkerOption;
+export declare type WalkerFilter = (node: AstNode$1) => WalkerOption;
 
 /**
  * returned value:
@@ -4980,7 +4980,7 @@ declare type WalkerFilter = (node: AstNode$1) => WalkerOption;
  * - {@link AstNode}:
  * - {@link Token}:
  */
-declare type WalkerValueFilter = (
+export declare type WalkerValueFilter = (
     node: AstNode$1 | Token$1,
     parent?: AstNode$1 | Token$1 | AstNode$1[] | Token$1[] | null,
     event?: WalkerEvent,
@@ -4990,7 +4990,7 @@ declare type WalkerValueFilter = (
 /**
  * walker result
  */
-declare interface WalkResult {
+export declare interface WalkResult {
     /**
      * current node
      */
@@ -5012,7 +5012,7 @@ declare interface WalkResult {
 /**
  * walker result
  */
-declare interface WalkAttributesResult {
+export declare interface WalkAttributesResult {
     /**
      * current node
      */
@@ -5042,7 +5042,7 @@ declare interface WalkAttributesResult {
 /**
  * Error description
  */
-declare interface ErrorDescription$1 {
+export declare interface ErrorDescription$1 {
     /**
      *  Drop rule or declaration
      */
@@ -5220,7 +5220,7 @@ interface MinifyOptions {
 /**
  * Result of options.load() function call.
  */
-declare type LoadResult =
+export declare type LoadResult =
     | Promise<ReadableStream<Uint8Array>>
     | ReadableStream<Uint8Array>
     | string
@@ -5229,7 +5229,7 @@ declare type LoadResult =
 /**
  * CSS module parser options
  */
-declare interface ModuleSyncOptions {
+export declare interface ModuleSyncOptions {
     /**
      * Use local scope vs global scope
      */
@@ -5339,7 +5339,7 @@ declare interface ModuleSyncOptions {
     generateScopedName?: (localName: string, filePath: string, pattern: string, hashLength?: number) => string;
 }
 
-declare interface ModuleAsyncOptions extends ModuleSyncOptions {
+export declare interface ModuleAsyncOptions extends ModuleSyncOptions {
     /**
      * The pattern used to generate scoped names. the supported placeholders are:
      * - name: the file base name without the extension
@@ -5434,7 +5434,7 @@ declare interface ModuleAsyncOptions extends ModuleSyncOptions {
 /**
  * Input file options
  */
-declare interface ParseInputFileOptions {
+export declare interface ParseInputFileOptions {
     /**
      * File path or url
      */
@@ -5449,7 +5449,7 @@ declare interface ParseInputFileOptions {
 /**
  * Input options for string or stream
  */
-declare interface ParseInputOptions {
+export declare interface ParseInputOptions {
     /**
      * Input string or stream
      */
@@ -5458,7 +5458,7 @@ declare interface ParseInputOptions {
 /**
  * Input options for string or stream
  */
-declare interface ParseInputStreamOptions {
+export declare interface ParseInputStreamOptions {
     /**
      * Input string or stream
      */
@@ -5469,7 +5469,7 @@ declare interface ParseInputStreamOptions {
  * Input options for string or stream
  * @internal
  */
-declare interface ParseSourceOptions {
+export declare interface ParseSourceOptions {
     /**
      * Source file to be used for sourcemap
      * @internal
@@ -5485,7 +5485,7 @@ declare interface ParseSourceOptions {
 /**
  * Parser sourcemap options
  */
-declare interface ParserSourceMapOptions {
+export declare interface ParserSourceMapOptions {
     /**
      * Include sourcemap in the ast. Sourcemap info is always generated
      */
@@ -5499,7 +5499,7 @@ declare interface ParserSourceMapOptions {
 /**
  * Sync parseroptions
  */
-declare interface ParserSyncOptions
+export declare interface ParserSyncOptions
     extends
         MinifyOptions,
         ParserSourceMapOptions,
@@ -5610,7 +5610,7 @@ declare interface ParserSyncOptions
 /**
  * Parser options
  */
-declare interface ParserOptions extends ParserSyncOptions, ModuleAsyncOptions {
+export declare interface ParserOptions extends ParserSyncOptions, ModuleAsyncOptions {
     /**
      * Resolve import
      */
@@ -5645,7 +5645,7 @@ declare interface ParserOptions extends ParserSyncOptions, ModuleAsyncOptions {
  *
  * @internal
  */
-declare interface MinifyFeatureOptions {
+export declare interface MinifyFeatureOptions {
     /**
      * Minify features
      *
@@ -5659,7 +5659,7 @@ declare interface MinifyFeatureOptions {
  *
  * @internal
  */
-declare interface MinifyFeature {
+export declare interface MinifyFeature {
     /**
      * Accepted tokens
      */
@@ -5701,7 +5701,7 @@ declare interface MinifyFeature {
  * Resolved path
  * @internal
  */
-declare interface ResolvedPath {
+export declare interface ResolvedPath {
     /**
      * Absolute path
      */
@@ -5715,7 +5715,7 @@ declare interface ResolvedPath {
 /**
  * Ast node render options
  */
-declare interface RenderOptions {
+export declare interface RenderOptions {
     /**
      * Source file to be used as CSS input file for sourcemap resolution
      */
@@ -5807,17 +5807,17 @@ declare interface RenderOptions {
 /**
  * Transform options
  */
-declare interface TransformSyncOptions extends ParserSyncOptions, RenderOptions {}
+export declare interface TransformSyncOptions extends ParserSyncOptions, RenderOptions {}
 
 /**
  * Transform options
  */
-declare interface TransformOptions extends ParserOptions, RenderOptions {}
+export declare interface TransformOptions extends ParserOptions, RenderOptions {}
 
 /**
  * Parse result stats object
  */
-declare interface ParseResultStats {
+export declare interface ParseResultStats {
     /**
      * Source file
      */
@@ -5871,7 +5871,7 @@ declare interface ParseResultStats {
 /**
  * Parse result object
  */
-declare interface ParseResult {
+export declare interface ParseResult {
     /**
      * Parsed ast tree
      */
@@ -5912,7 +5912,7 @@ declare interface ParseResult {
 /**
  * Render result object
  */
-declare interface RenderResult {
+export declare interface RenderResult {
     /**
      * Rendered CSS
      */
@@ -5939,7 +5939,7 @@ declare interface RenderResult {
 /**
  * Transform result object
  */
-declare interface TransformResult extends ParseResult, RenderResult {
+export declare interface TransformResult extends ParseResult, RenderResult {
     /**
      * Transform stats
      */
@@ -5986,13 +5986,13 @@ declare interface TransformResult extends ParseResult, RenderResult {
 /**
  * Parse token options
  */
-declare interface ParseTokenOptions extends ParserOptions {}
+export declare interface ParseTokenOptions extends ParserOptions {}
 
 /**
  * Tokenize result object
  * @internal
  */
-declare interface TokenizeResult {
+export declare interface TokenizeResult {
     /**
      * Token
      */
@@ -6007,7 +6007,7 @@ declare interface TokenizeResult {
  * Matched selector object
  * @internal
  */
-declare interface MatchedSelector {
+export declare interface MatchedSelector {
     /**
      * Matched selector
      */
@@ -6030,7 +6030,7 @@ declare interface MatchedSelector {
  * Variable scope info object
  * @internal
  */
-declare interface VariableScopeInfo {
+export declare interface VariableScopeInfo {
     /**
      * Global scope
      */
@@ -6061,7 +6061,7 @@ declare interface VariableScopeInfo {
  * Source map object
  * @internal
  */
-declare interface SourceMapObject {
+export declare interface SourceMapObject {
     /**
      * Source map version
      */
@@ -6116,7 +6116,7 @@ declare const resolve: (url: string, currentDirectory?: string, cwd?: string) =>
  * Validation syntax
  * @internal
  */
-declare interface ValidationSyntaxNode {
+export declare interface ValidationSyntaxNode {
     /**
      * mdn data syntax
      */
@@ -6146,7 +6146,7 @@ interface ValidationSelectorOptions extends ValidationOptions {
  * Validation media feature
  * @internal
  */
-declare interface ValidationMediaFeature {
+export declare interface ValidationMediaFeature {
     /**
      * media feature type
      */
@@ -6169,7 +6169,7 @@ declare interface ValidationMediaFeature {
  * Validation configuration
  * @internal
  */
-declare type ValidationConfiguration = Record<
+export declare type ValidationConfiguration = Record<
     ValidationSyntaxGroupEnum,
     ValidationSyntaxNode | Record<string, string[]> | Record<string, ValidationMediaFeature>
 >;
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index 3d76a7a8..f5a6ecd9 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -324,7 +324,7 @@ class Tokenizer {
      * @param parseInfo
      * @returns
      */
-    consumeURLToken(parseInfo) {
+    consumeStringAsURLToken(parseInfo) {
         const quote = this.advance(parseInfo).charCodeAt(0);
         let charCode;
         let decodeSegments = false;
@@ -766,7 +766,7 @@ class Tokenizer {
         }
         return 0;
     }
-    parseURLToken(parseInfo, endPosition) {
+    consumeURLToken(parseInfo, endPosition) {
         let charCode;
         // consume an <url>
         while (isWhiteSpace(this.peekCharCode(parseInfo))) {
@@ -774,7 +774,7 @@ class Tokenizer {
         }
         charCode = this.peekCharCode(parseInfo);
         if (charCode == 34 /* TokenMap.DOUBLE_QUOTE */ || charCode == 39 /* TokenMap.SINGLE_QUOTE */) {
-            return this.consumeURLToken(parseInfo);
+            return this.consumeStringAsURLToken(parseInfo);
         }
         do {
             this.advance(parseInfo);
@@ -1185,7 +1185,7 @@ class Tokenizer {
         while ((charCode = this.peekCharCode(parseInfo)) == charCode) {
             if (this.state === EnumToken.UrlFunctionTokenDefType) {
                 this.state = null;
-                return this.parseURLToken(parseInfo, endPosition);
+                return this.consumeURLToken(parseInfo, endPosition);
             }
             if (parseInfo.position == parseInfo.currentPosition) {
                 if (charCode == 45 /* TokenMap.MINUS */ ||
diff --git a/files/getting-started.md b/files/getting-started.md
index 1aafb051..0d9298d5 100644
--- a/files/getting-started.md
+++ b/files/getting-started.md
@@ -62,7 +62,7 @@ It can be imported as an umd module.
 ```html
 <script type="module">
 
-    import {transform, ColorType} from 'https://esm.sh/@tbela99/css-parser@1.4.7/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.4.7/web';
 
     const css = `
 
@@ -175,7 +175,7 @@ Load as javascript module
 ```html
 <script type="module">
 
-    import {transform, ColorType} from 'https://esm.sh/@tbela99/css-parser@1.4.7/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.4.7/web';
 
 const css = `
 
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index 8c007075..62287acc 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -401,7 +401,7 @@ export class Tokenizer {
      * @param parseInfo
      * @returns
      */
-    consumeURLToken(parseInfo: ParseInfo): this {
+    consumeStringAsURLToken(parseInfo: ParseInfo): this {
         const quote: number = this.advance(parseInfo).charCodeAt(0);
         let charCode: number;
         let decodeSegments: boolean = false;
@@ -959,7 +959,7 @@ export class Tokenizer {
         return 0;
     }
 
-    parseURLToken(parseInfo: ParseInfo, endPosition: number): this {
+    consumeURLToken(parseInfo: ParseInfo, endPosition: number): this {
         let charCode: number;
 
         // consume an <url>
@@ -970,7 +970,7 @@ export class Tokenizer {
         charCode = this.peekCharCode(parseInfo);
 
         if (charCode == TokenMap.DOUBLE_QUOTE || charCode == TokenMap.SINGLE_QUOTE) {
-            return this.consumeURLToken(parseInfo);
+            return this.consumeStringAsURLToken(parseInfo);
         }
 
         do {
@@ -1464,8 +1464,7 @@ export class Tokenizer {
         while ((charCode = this.peekCharCode(parseInfo)) == charCode) {
             if (this.state === EnumToken.UrlFunctionTokenDefType) {
                 this.state = null;
-                return this.parseURLToken(parseInfo, endPosition);
-                continue;
+                return this.consumeURLToken(parseInfo, endPosition);
             }
 
             if (parseInfo.position == parseInfo.currentPosition) {

From 1691376c540d8f0e1f2f96ba68335bc0c6c3b131 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 3 Sep 2026 07:55:02 -0400
Subject: [PATCH 2/8] reduce array mutation

---
 dist/index-umd-web.js                   | 305 ++++++++++++++++--------
 dist/index.cjs                          | 305 ++++++++++++++++--------
 dist/index.d.ts                         |   2 +-
 dist/lib/ast/minify.js                  |  94 +++++++-
 dist/lib/parser/parse.js                |  11 +-
 dist/lib/parser/utils/declaration.js    |  14 +-
 dist/lib/parser/utils/selector.js       | 186 ++++++++-------
 src/lib/ast/minify.ts                   | 112 ++++++++-
 src/lib/parser/parse.ts                 |  15 +-
 src/lib/parser/utils/at-rule-support.ts |   1 -
 src/lib/parser/utils/declaration.ts     |  16 +-
 src/lib/parser/utils/selector.ts        | 211 ++++++++--------
 12 files changed, 834 insertions(+), 438 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index eb614d59..e5b83d9a 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -21868,7 +21868,15 @@
         // trim :is()
         if (curr[0] == "&") {
             if (curr[1] == " " && !isIdent(curr[2]) && !isFunction(curr[2])) {
-                curr.splice(0, 2);
+                const all = new Array(Math.max(curr.length - 2, 0));
+                let write = 0;
+                for (let read = 2; read < curr.length; read++) {
+                    all[write++] = curr[read];
+                }
+                curr.length = 0;
+                for (let index = 0; index < write; index++) {
+                    curr[index] = all[index];
+                }
             }
         }
         acc.push(curr.join(""));
@@ -22146,19 +22154,40 @@
                         if (optimized.length > 1) {
                             const check = optimized.at(-2);
                             if (!combinators.includes(check)) {
-                                let last = optimized.pop();
+                                const last = optimized[optimized.length - 1];
+                                const all = new Array(Math.max(optimized.length - 1, 0));
+                                let write = 0;
+                                for (let read = 0; read < optimized.length - 1; read++) {
+                                    all[write++] = optimized[read];
+                                }
+                                optimized.length = 0;
+                                for (let index = 0; index < write; index++) {
+                                    optimized[index] = all[index];
+                                }
                                 wrap = false;
                                 rule =
                                     optimized.join("") +
                                         `:is(${selector
                                         .map((s) => {
+                                        const next = s[0] == "&" ? new Array(s.length) : new Array(s.length + 1);
+                                        let write = 0;
                                         if (s[0] == "&") {
-                                            s.splice(0, 1, last);
+                                            next[write++] = last;
+                                            for (let read = 1; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         }
                                         else {
-                                            s.unshift(last);
+                                            next[write++] = last;
+                                            for (let read = 0; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         }
-                                        return s.join("");
+                                        const rebuilt = new Array(write);
+                                        for (let index = 0; index < write; index++) {
+                                            rebuilt[index] = next[index];
+                                        }
+                                        return rebuilt.join("");
                                     })
                                         .join(",")})`;
                             }
@@ -22167,7 +22196,20 @@
                             rule = selector
                                 .map((s) => {
                                 if (s[0] == "&") {
-                                    s.splice(0, 1, ...node[OPTIMIZED].optimized);
+                                    const replacement = node[OPTIMIZED].optimized;
+                                    const all = new Array(Math.max(s.length - 1 + replacement.length, 0));
+                                    let write = 0;
+                                    for (let read = 0; read < replacement.length; read++) {
+                                        all[write++] = replacement[read];
+                                    }
+                                    for (let read = 1; read < s.length; read++) {
+                                        all[write++] = s[read];
+                                    }
+                                    const rebuilt = new Array(write);
+                                    for (let index = 0; index < write; index++) {
+                                        rebuilt[index] = all[index];
+                                    }
+                                    return rebuilt.join("");
                                 }
                                 return s.join("");
                             })
@@ -22399,18 +22441,42 @@
         while (optimized.length > 0) {
             const last = optimized.at(-1);
             if (last == " " || combinators.includes(last)) {
-                optimized.pop();
+                const all = new Array(Math.max(optimized.length - 1, 0));
+                let write = 0;
+                for (let read = 0; read < optimized.length - 1; read++) {
+                    all[write++] = optimized[read];
+                }
+                optimized.length = 0;
+                for (let index = 0; index < write; index++) {
+                    optimized[index] = all[index];
+                }
                 continue;
             }
             break;
         }
         for (let i1 = 0; i1 < selector.length; i1++) {
-            selector[i1].splice(0, optimized.length);
+            const all = new Array(Math.max(selector[i1].length - optimized.length, 0));
+            let write = 0;
+            for (let read = optimized.length; read < selector[i1].length; read++) {
+                all[write++] = selector[i1][read];
+            }
+            selector[i1].length = 0;
+            for (let index = 0; index < write; index++) {
+                selector[i1][index] = all[index];
+            }
         }
         let reducible = optimized.length == 1;
         if (optimized[0] == "&") {
             if (optimized[1] == " ") {
-                optimized.splice(0, 2);
+                const all = new Array(Math.max(optimized.length - 2, 0));
+                let write = 0;
+                for (let read = 2; read < optimized.length; read++) {
+                    all[write++] = optimized[read];
+                }
+                optimized.length = 0;
+                for (let index = 0; index < write; index++) {
+                    optimized[index] = all[index];
+                }
             }
         }
         if (optimized.length == 0 || optimized[0].charAt(0) == "&" || selector.length == 1) {
@@ -22997,7 +23063,15 @@
                 if (selector.length > 1 &&
                     selector[0] == "&" &&
                     (combinators.includes(selector[1]) || !/^[a-zA-Z:]/.test(selector[1]))) {
-                    selector.shift();
+                    const all = new Array(Math.max(selector.length - 1, 0));
+                    let write = 0;
+                    for (let read = 1; read < selector.length; read++) {
+                        all[write++] = selector[read];
+                    }
+                    selector.length = 0;
+                    for (let index = 0; index < write; index++) {
+                        selector[index] = all[index];
+                    }
                 }
             }
             const unique = new Set();
@@ -27062,7 +27136,6 @@
         const stack = [];
         const uniq = new Map();
         let allowed = true;
-        let i = 0;
         let index;
         let parent = context;
         let nested = false;
@@ -27096,119 +27169,130 @@
             nested = parent?.typ == exports.EnumToken.RuleNodeType;
             parent = parent?.[PARENT];
         } while (!nested && parent != null);
-        for (; i < tokens.length; i++) {
-            if (tokens[i].typ == exports.EnumToken.ColonTokenType) {
-                if (tokens[i + 1]?.typ == exports.EnumToken.IdenTokenType) {
-                    Object.assign(tokens[i], {
+        const all = new Array(tokens.length);
+        let write = 0;
+        for (let read = 0; read < tokens.length; read++) {
+            let token = tokens[read];
+            if (token.typ == exports.EnumToken.ColonTokenType) {
+                const next = tokens[read + 1];
+                if (next?.typ == exports.EnumToken.IdenTokenType) {
+                    all[write++] = {
+                        ...token,
                         typ: exports.EnumToken.PseudoElementTokenType,
-                        val: ":" + tokens[i + 1].val,
-                    });
-                    tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                    tokens.splice(i + 1, 1);
+                        val: ":" + next.val,
+                        [LOCEND]: next[LOCEND],
+                    };
+                    read++;
                     continue;
                 }
-                if (tokens[i + 1]?.typ == exports.EnumToken.FunctionTokenDefType) {
-                    val = ":" + tokens[i + 1].val;
-                    Object.assign(tokens[i], {
+                if (next?.typ == exports.EnumToken.FunctionTokenDefType) {
+                    val = ":" + next.val;
+                    all[write++] = {
+                        ...token,
                         typ: val + "()" in getSyntaxConfig().selectors
                             ? exports.EnumToken.PseudoClassFunctionTokenDefType
-                            : tokens[i + 1].typ,
+                            : next.typ,
                         val,
-                    });
-                    tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                    tokens.splice(i + 1, 1);
+                        [LOCEND]: next[LOCEND],
+                    };
+                    read++;
                     continue;
                 }
             }
-            if (tokens[i].typ == exports.EnumToken.DoubleColonTokenType) {
-                val = ":" + tokens[i + 1].val;
-                if (tokens[i + 1]?.typ == exports.EnumToken.IdenTokenType) {
-                    Object.assign(tokens[i], {
+            if (token.typ == exports.EnumToken.DoubleColonTokenType) {
+                const next = tokens[read + 1];
+                val = ":" + next.val;
+                if (next?.typ == exports.EnumToken.IdenTokenType) {
+                    all[write++] = {
+                        ...token,
                         typ: exports.EnumToken.PseudoClassTokenType,
                         val: (pseudoElements.includes(val) ? "" : ":") + val,
-                    });
-                    tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                    tokens.splice(i + 1, 1);
+                        [LOCEND]: next[LOCEND],
+                    };
+                    read++;
                     continue;
                 }
-                if (tokens[i + 1]?.typ == exports.EnumToken.FunctionTokenDefType) {
-                    val = "::" + tokens[i + 1].val;
-                    Object.assign(tokens[i], {
+                if (next?.typ == exports.EnumToken.FunctionTokenDefType) {
+                    val = "::" + next.val;
+                    all[write++] = {
+                        ...token,
                         typ: val + "()" in getSyntaxConfig().selectors
                             ? exports.EnumToken.PseudoClassFunctionTokenDefType
                             : exports.EnumToken.FunctionTokenDefType,
                         val,
-                    });
-                    tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                    tokens.splice(i + 1, 1);
+                        [LOCEND]: next[LOCEND],
+                    };
+                    read++;
                     continue;
                 }
             }
-            if (tokens[i].typ == exports.EnumToken.ColorTokenType) {
-                if (isHash(tokens[i].val)) {
-                    Object.assign(tokens[i], {
-                        typ: exports.EnumToken.HashTokenType,
-                    });
+            if (token.typ == exports.EnumToken.ColorTokenType) {
+                if (isHash(token.val)) {
+                    token.typ = exports.EnumToken.HashTokenType;
+                    all[write++] = token;
+                    continue;
                 }
-                else {
-                    return {
-                        typ: exports.EnumToken.RuleNodeType,
-                        sel: [
-                            ...tokens
-                                .reduce((acc, curr, index, array) => {
-                                // if (curr.typ == EnumToken.CommentTokenType) {
-                                //     return acc;
-                                // }
-                                if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
-                                    if (trimWhiteSpace.includes(array[index - 1]?.typ) ||
-                                        trimWhiteSpace.includes(array[index + 1]?.typ) ||
-                                        combinators.includes(array[index - 1]?.val) ||
-                                        combinators.includes(array[index + 1]?.val)) {
-                                        return acc;
-                                    }
-                                }
-                                let t = renderValue(curr, { minify: false });
-                                if (t == ",") {
-                                    acc.push([]);
-                                }
-                                else {
-                                    acc[acc.length - 1].push(t);
+                return {
+                    typ: exports.EnumToken.RuleNodeType,
+                    sel: [
+                        ...tokens
+                            .reduce((acc, curr, index, array) => {
+                            if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
+                                if (trimWhiteSpace.includes(array[index - 1]?.typ) ||
+                                    trimWhiteSpace.includes(array[index + 1]?.typ) ||
+                                    combinators.includes(array[index - 1]?.val) ||
+                                    combinators.includes(array[index + 1]?.val)) {
+                                    return acc;
                                 }
-                                return acc;
-                            }, [[]])
-                                .reduce((acc, curr) => {
-                                let i = 0;
-                                for (; i < curr.length; i++) {
-                                    if (i + 1 < curr.length && curr[i] == "*") {
-                                        if (curr[i] == "*") {
-                                            let index = curr[i + 1] == " " ? 2 : 1;
-                                            if (![">", "~", "+"].includes(curr[index])) {
-                                                curr.splice(i, index);
-                                            }
+                            }
+                            let t = renderValue(curr, { minify: false });
+                            if (t == ",") {
+                                acc.push([]);
+                            }
+                            else {
+                                acc[acc.length - 1].push(t);
+                            }
+                            return acc;
+                        }, [[]])
+                            .reduce((acc, curr) => {
+                            let i = 0;
+                            for (; i < curr.length; i++) {
+                                if (i + 1 < curr.length && curr[i] == "*") {
+                                    if (curr[i] == "*") {
+                                        let index = curr[i + 1] == " " ? 2 : 1;
+                                        if (![">", "~", "+"].includes(curr[index])) {
+                                            curr.splice(i, index);
                                         }
                                     }
                                 }
-                                acc.set(curr.join(""), curr);
-                                return acc;
-                            }, uniq)
-                                .keys(),
-                        ].join(","),
-                        chi: [],
-                        [LOCSRCID]: tokens[0][LOCSRCID],
-                        [LOCSTA]: tokens[0][LOCSTA],
-                        [LOCEND]: tokens[tokens.length - 1][LOCEND],
-                        [TOKENS]: tokens,
-                        [STATE]: exports.EnumAstNodeStatus.Invalid,
-                        [ERRORS]: [
-                            {
-                                action: "drop",
-                                node: tokens[i],
-                                message: "invalid hash id",
-                            },
-                        ],
-                    };
-                }
+                            }
+                            acc.set(curr.join(""), curr);
+                            return acc;
+                        }, uniq)
+                            .keys(),
+                    ].join(","),
+                    chi: [],
+                    [LOCSRCID]: tokens[0][LOCSRCID],
+                    [LOCSTA]: tokens[0][LOCSTA],
+                    [LOCEND]: tokens[tokens.length - 1][LOCEND],
+                    [TOKENS]: tokens,
+                    [STATE]: exports.EnumAstNodeStatus.Invalid,
+                    [ERRORS]: [
+                        {
+                            action: "drop",
+                            node: token,
+                            message: "invalid hash id",
+                        },
+                    ],
+                };
+            }
+            all[write++] = token;
+        }
+        if (write !== tokens.length) {
+            for (let index = 0; index < write; index++) {
+                tokens[index] = all[index];
             }
+            tokens.length = write;
         }
         const result = matchSelectorSyntax(tokens, errors, options, nested === true);
         trimArray(tokens);
@@ -27527,7 +27611,6 @@
      * @param errors
      */
     function parseDeclaration(tokens, parent, options, errors) {
-        // console.error(tokens);
         const name = tokens.shift();
         let i;
         let rules = null;
@@ -27861,10 +27944,19 @@
             }
             if (trimTokenSpace$1.has(token.typ)) {
                 if (tokens[i + 1]?.typ === exports.EnumToken.WhitespaceTokenType) {
-                    tokens.splice(i + 1, 1);
+                    for (let index = i + 1; index < tokens.length - 1; index++) {
+                        tokens[index] = tokens[index + 1];
+                    }
+                    tokens.length--;
+                    i--;
+                    continue;
                 }
                 if (tokens[i - 1]?.typ == exports.EnumToken.WhitespaceTokenType) {
-                    tokens.splice(--i, 1);
+                    for (let index = i - 1; index < tokens.length - 1; index++) {
+                        tokens[index] = tokens[index + 1];
+                    }
+                    tokens.length--;
+                    i--;
                 }
             }
         }
@@ -32606,17 +32698,18 @@
      * console.log(declarations);
      * ```
      */
-    async function parseDeclarations(declaration) {
+    function parseDeclarations(declaration) {
         const stream = `.x{${declaration}}`;
-        return doParse(new Tokenizer({
+        const result = doParseSync(new Tokenizer({
             stream,
             offset: 0,
             position: 0,
             source: new SourceFile(stream, [], ""),
             currentPosition: 0,
-        }), { setParent: false, minify: false, validation: false }).then((result) => {
-            return result.ast.chi[0].chi.filter((t) => t.typ == exports.EnumToken.DeclarationNodeType || t.typ == exports.EnumToken.CommentNodeType);
-        });
+        }), { setParent: false, minify: false, validation: false });
+        // .then((result) => {
+        return result.ast.chi[0].chi.filter((t) => t.typ == exports.EnumToken.DeclarationNodeType || t.typ == exports.EnumToken.CommentNodeType);
+        // });
     }
     /**
      * Parse css string and return an array of tokens
diff --git a/dist/index.cjs b/dist/index.cjs
index e85b2b0d..359fa2f2 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -21871,7 +21871,15 @@ function reduce(acc, curr) {
     // trim :is()
     if (curr[0] == "&") {
         if (curr[1] == " " && !isIdent(curr[2]) && !isFunction(curr[2])) {
-            curr.splice(0, 2);
+            const all = new Array(Math.max(curr.length - 2, 0));
+            let write = 0;
+            for (let read = 2; read < curr.length; read++) {
+                all[write++] = curr[read];
+            }
+            curr.length = 0;
+            for (let index = 0; index < write; index++) {
+                curr[index] = all[index];
+            }
         }
     }
     acc.push(curr.join(""));
@@ -22149,19 +22157,40 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     if (optimized.length > 1) {
                         const check = optimized.at(-2);
                         if (!combinators.includes(check)) {
-                            let last = optimized.pop();
+                            const last = optimized[optimized.length - 1];
+                            const all = new Array(Math.max(optimized.length - 1, 0));
+                            let write = 0;
+                            for (let read = 0; read < optimized.length - 1; read++) {
+                                all[write++] = optimized[read];
+                            }
+                            optimized.length = 0;
+                            for (let index = 0; index < write; index++) {
+                                optimized[index] = all[index];
+                            }
                             wrap = false;
                             rule =
                                 optimized.join("") +
                                     `:is(${selector
                                         .map((s) => {
+                                        const next = s[0] == "&" ? new Array(s.length) : new Array(s.length + 1);
+                                        let write = 0;
                                         if (s[0] == "&") {
-                                            s.splice(0, 1, last);
+                                            next[write++] = last;
+                                            for (let read = 1; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         }
                                         else {
-                                            s.unshift(last);
+                                            next[write++] = last;
+                                            for (let read = 0; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         }
-                                        return s.join("");
+                                        const rebuilt = new Array(write);
+                                        for (let index = 0; index < write; index++) {
+                                            rebuilt[index] = next[index];
+                                        }
+                                        return rebuilt.join("");
                                     })
                                         .join(",")})`;
                         }
@@ -22170,7 +22199,20 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                         rule = selector
                             .map((s) => {
                             if (s[0] == "&") {
-                                s.splice(0, 1, ...node[OPTIMIZED].optimized);
+                                const replacement = node[OPTIMIZED].optimized;
+                                const all = new Array(Math.max(s.length - 1 + replacement.length, 0));
+                                let write = 0;
+                                for (let read = 0; read < replacement.length; read++) {
+                                    all[write++] = replacement[read];
+                                }
+                                for (let read = 1; read < s.length; read++) {
+                                    all[write++] = s[read];
+                                }
+                                const rebuilt = new Array(write);
+                                for (let index = 0; index < write; index++) {
+                                    rebuilt[index] = all[index];
+                                }
+                                return rebuilt.join("");
                             }
                             return s.join("");
                         })
@@ -22402,18 +22444,42 @@ function optimizeSelector(selector) {
     while (optimized.length > 0) {
         const last = optimized.at(-1);
         if (last == " " || combinators.includes(last)) {
-            optimized.pop();
+            const all = new Array(Math.max(optimized.length - 1, 0));
+            let write = 0;
+            for (let read = 0; read < optimized.length - 1; read++) {
+                all[write++] = optimized[read];
+            }
+            optimized.length = 0;
+            for (let index = 0; index < write; index++) {
+                optimized[index] = all[index];
+            }
             continue;
         }
         break;
     }
     for (let i1 = 0; i1 < selector.length; i1++) {
-        selector[i1].splice(0, optimized.length);
+        const all = new Array(Math.max(selector[i1].length - optimized.length, 0));
+        let write = 0;
+        for (let read = optimized.length; read < selector[i1].length; read++) {
+            all[write++] = selector[i1][read];
+        }
+        selector[i1].length = 0;
+        for (let index = 0; index < write; index++) {
+            selector[i1][index] = all[index];
+        }
     }
     let reducible = optimized.length == 1;
     if (optimized[0] == "&") {
         if (optimized[1] == " ") {
-            optimized.splice(0, 2);
+            const all = new Array(Math.max(optimized.length - 2, 0));
+            let write = 0;
+            for (let read = 2; read < optimized.length; read++) {
+                all[write++] = optimized[read];
+            }
+            optimized.length = 0;
+            for (let index = 0; index < write; index++) {
+                optimized[index] = all[index];
+            }
         }
     }
     if (optimized.length == 0 || optimized[0].charAt(0) == "&" || selector.length == 1) {
@@ -23000,7 +23066,15 @@ function reduceRuleSelector(node) {
             if (selector.length > 1 &&
                 selector[0] == "&" &&
                 (combinators.includes(selector[1]) || !/^[a-zA-Z:]/.test(selector[1]))) {
-                selector.shift();
+                const all = new Array(Math.max(selector.length - 1, 0));
+                let write = 0;
+                for (let read = 1; read < selector.length; read++) {
+                    all[write++] = selector[read];
+                }
+                selector.length = 0;
+                for (let index = 0; index < write; index++) {
+                    selector[index] = all[index];
+                }
             }
         }
         const unique = new Set();
@@ -27065,7 +27139,6 @@ function parseSelector(tokens, context, options, errors) {
     const stack = [];
     const uniq = new Map();
     let allowed = true;
-    let i = 0;
     let index;
     let parent = context;
     let nested = false;
@@ -27099,119 +27172,130 @@ function parseSelector(tokens, context, options, errors) {
         nested = parent?.typ == exports.EnumToken.RuleNodeType;
         parent = parent?.[PARENT];
     } while (!nested && parent != null);
-    for (; i < tokens.length; i++) {
-        if (tokens[i].typ == exports.EnumToken.ColonTokenType) {
-            if (tokens[i + 1]?.typ == exports.EnumToken.IdenTokenType) {
-                Object.assign(tokens[i], {
+    const all = new Array(tokens.length);
+    let write = 0;
+    for (let read = 0; read < tokens.length; read++) {
+        let token = tokens[read];
+        if (token.typ == exports.EnumToken.ColonTokenType) {
+            const next = tokens[read + 1];
+            if (next?.typ == exports.EnumToken.IdenTokenType) {
+                all[write++] = {
+                    ...token,
                     typ: exports.EnumToken.PseudoElementTokenType,
-                    val: ":" + tokens[i + 1].val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    val: ":" + next.val,
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
-            if (tokens[i + 1]?.typ == exports.EnumToken.FunctionTokenDefType) {
-                val = ":" + tokens[i + 1].val;
-                Object.assign(tokens[i], {
+            if (next?.typ == exports.EnumToken.FunctionTokenDefType) {
+                val = ":" + next.val;
+                all[write++] = {
+                    ...token,
                     typ: val + "()" in getSyntaxConfig().selectors
                         ? exports.EnumToken.PseudoClassFunctionTokenDefType
-                        : tokens[i + 1].typ,
+                        : next.typ,
                     val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
         }
-        if (tokens[i].typ == exports.EnumToken.DoubleColonTokenType) {
-            val = ":" + tokens[i + 1].val;
-            if (tokens[i + 1]?.typ == exports.EnumToken.IdenTokenType) {
-                Object.assign(tokens[i], {
+        if (token.typ == exports.EnumToken.DoubleColonTokenType) {
+            const next = tokens[read + 1];
+            val = ":" + next.val;
+            if (next?.typ == exports.EnumToken.IdenTokenType) {
+                all[write++] = {
+                    ...token,
                     typ: exports.EnumToken.PseudoClassTokenType,
                     val: (pseudoElements.includes(val) ? "" : ":") + val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
-            if (tokens[i + 1]?.typ == exports.EnumToken.FunctionTokenDefType) {
-                val = "::" + tokens[i + 1].val;
-                Object.assign(tokens[i], {
+            if (next?.typ == exports.EnumToken.FunctionTokenDefType) {
+                val = "::" + next.val;
+                all[write++] = {
+                    ...token,
                     typ: val + "()" in getSyntaxConfig().selectors
                         ? exports.EnumToken.PseudoClassFunctionTokenDefType
                         : exports.EnumToken.FunctionTokenDefType,
                     val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
         }
-        if (tokens[i].typ == exports.EnumToken.ColorTokenType) {
-            if (isHash(tokens[i].val)) {
-                Object.assign(tokens[i], {
-                    typ: exports.EnumToken.HashTokenType,
-                });
+        if (token.typ == exports.EnumToken.ColorTokenType) {
+            if (isHash(token.val)) {
+                token.typ = exports.EnumToken.HashTokenType;
+                all[write++] = token;
+                continue;
             }
-            else {
-                return {
-                    typ: exports.EnumToken.RuleNodeType,
-                    sel: [
-                        ...tokens
-                            .reduce((acc, curr, index, array) => {
-                            // if (curr.typ == EnumToken.CommentTokenType) {
-                            //     return acc;
-                            // }
-                            if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
-                                if (trimWhiteSpace.includes(array[index - 1]?.typ) ||
-                                    trimWhiteSpace.includes(array[index + 1]?.typ) ||
-                                    combinators.includes(array[index - 1]?.val) ||
-                                    combinators.includes(array[index + 1]?.val)) {
-                                    return acc;
-                                }
-                            }
-                            let t = renderValue(curr, { minify: false });
-                            if (t == ",") {
-                                acc.push([]);
-                            }
-                            else {
-                                acc[acc.length - 1].push(t);
+            return {
+                typ: exports.EnumToken.RuleNodeType,
+                sel: [
+                    ...tokens
+                        .reduce((acc, curr, index, array) => {
+                        if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
+                            if (trimWhiteSpace.includes(array[index - 1]?.typ) ||
+                                trimWhiteSpace.includes(array[index + 1]?.typ) ||
+                                combinators.includes(array[index - 1]?.val) ||
+                                combinators.includes(array[index + 1]?.val)) {
+                                return acc;
                             }
-                            return acc;
-                        }, [[]])
-                            .reduce((acc, curr) => {
-                            let i = 0;
-                            for (; i < curr.length; i++) {
-                                if (i + 1 < curr.length && curr[i] == "*") {
-                                    if (curr[i] == "*") {
-                                        let index = curr[i + 1] == " " ? 2 : 1;
-                                        if (![">", "~", "+"].includes(curr[index])) {
-                                            curr.splice(i, index);
-                                        }
+                        }
+                        let t = renderValue(curr, { minify: false });
+                        if (t == ",") {
+                            acc.push([]);
+                        }
+                        else {
+                            acc[acc.length - 1].push(t);
+                        }
+                        return acc;
+                    }, [[]])
+                        .reduce((acc, curr) => {
+                        let i = 0;
+                        for (; i < curr.length; i++) {
+                            if (i + 1 < curr.length && curr[i] == "*") {
+                                if (curr[i] == "*") {
+                                    let index = curr[i + 1] == " " ? 2 : 1;
+                                    if (![">", "~", "+"].includes(curr[index])) {
+                                        curr.splice(i, index);
                                     }
                                 }
                             }
-                            acc.set(curr.join(""), curr);
-                            return acc;
-                        }, uniq)
-                            .keys(),
-                    ].join(","),
-                    chi: [],
-                    [LOCSRCID]: tokens[0][LOCSRCID],
-                    [LOCSTA]: tokens[0][LOCSTA],
-                    [LOCEND]: tokens[tokens.length - 1][LOCEND],
-                    [TOKENS]: tokens,
-                    [STATE]: exports.EnumAstNodeStatus.Invalid,
-                    [ERRORS]: [
-                        {
-                            action: "drop",
-                            node: tokens[i],
-                            message: "invalid hash id",
-                        },
-                    ],
-                };
-            }
+                        }
+                        acc.set(curr.join(""), curr);
+                        return acc;
+                    }, uniq)
+                        .keys(),
+                ].join(","),
+                chi: [],
+                [LOCSRCID]: tokens[0][LOCSRCID],
+                [LOCSTA]: tokens[0][LOCSTA],
+                [LOCEND]: tokens[tokens.length - 1][LOCEND],
+                [TOKENS]: tokens,
+                [STATE]: exports.EnumAstNodeStatus.Invalid,
+                [ERRORS]: [
+                    {
+                        action: "drop",
+                        node: token,
+                        message: "invalid hash id",
+                    },
+                ],
+            };
+        }
+        all[write++] = token;
+    }
+    if (write !== tokens.length) {
+        for (let index = 0; index < write; index++) {
+            tokens[index] = all[index];
         }
+        tokens.length = write;
     }
     const result = matchSelectorSyntax(tokens, errors, options, nested === true);
     trimArray(tokens);
@@ -27530,7 +27614,6 @@ function parseGridTemplate(template) {
  * @param errors
  */
 function parseDeclaration(tokens, parent, options, errors) {
-    // console.error(tokens);
     const name = tokens.shift();
     let i;
     let rules = null;
@@ -27864,10 +27947,19 @@ function parseDeclaration(tokens, parent, options, errors) {
         }
         if (trimTokenSpace$1.has(token.typ)) {
             if (tokens[i + 1]?.typ === exports.EnumToken.WhitespaceTokenType) {
-                tokens.splice(i + 1, 1);
+                for (let index = i + 1; index < tokens.length - 1; index++) {
+                    tokens[index] = tokens[index + 1];
+                }
+                tokens.length--;
+                i--;
+                continue;
             }
             if (tokens[i - 1]?.typ == exports.EnumToken.WhitespaceTokenType) {
-                tokens.splice(--i, 1);
+                for (let index = i - 1; index < tokens.length - 1; index++) {
+                    tokens[index] = tokens[index + 1];
+                }
+                tokens.length--;
+                i--;
             }
         }
     }
@@ -32609,17 +32701,18 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
  * console.log(declarations);
  * ```
  */
-async function parseDeclarations(declaration) {
+function parseDeclarations(declaration) {
     const stream = `.x{${declaration}}`;
-    return doParse(new Tokenizer({
+    const result = doParseSync(new Tokenizer({
         stream,
         offset: 0,
         position: 0,
         source: new SourceFile(stream, [], ""),
         currentPosition: 0,
-    }), { setParent: false, minify: false, validation: false }).then((result) => {
-        return result.ast.chi[0].chi.filter((t) => t.typ == exports.EnumToken.DeclarationNodeType || t.typ == exports.EnumToken.CommentNodeType);
-    });
+    }), { setParent: false, minify: false, validation: false });
+    // .then((result) => {
+    return result.ast.chi[0].chi.filter((t) => t.typ == exports.EnumToken.DeclarationNodeType || t.typ == exports.EnumToken.CommentNodeType);
+    // });
 }
 /**
  * Parse css string and return an array of tokens
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 3314d9ec..191ad1a6 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -6247,7 +6247,7 @@ declare function expand(ast: AstStyleSheet | AstAtRule | AstRule): AstNode$1;
  * console.log(declarations);
  * ```
  */
-declare function parseDeclarations(declaration: string): Promise<Array<AstDeclaration | AstComment>>;
+declare function parseDeclarations(declaration: string): Array<AstDeclaration | AstComment>;
 /**
  * Parse css string and return an array of tokens
  * @param src
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index 3004ef6b..7efb87d0 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -307,7 +307,15 @@ function reduce(acc, curr) {
     // trim :is()
     if (curr[0] == "&") {
         if (curr[1] == " " && !isIdent(curr[2]) && !isFunction(curr[2])) {
-            curr.splice(0, 2);
+            const all = new Array(Math.max(curr.length - 2, 0));
+            let write = 0;
+            for (let read = 2; read < curr.length; read++) {
+                all[write++] = curr[read];
+            }
+            curr.length = 0;
+            for (let index = 0; index < write; index++) {
+                curr[index] = all[index];
+            }
         }
     }
     acc.push(curr.join(""));
@@ -585,19 +593,40 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     if (optimized.length > 1) {
                         const check = optimized.at(-2);
                         if (!combinators.includes(check)) {
-                            let last = optimized.pop();
+                            const last = optimized[optimized.length - 1];
+                            const all = new Array(Math.max(optimized.length - 1, 0));
+                            let write = 0;
+                            for (let read = 0; read < optimized.length - 1; read++) {
+                                all[write++] = optimized[read];
+                            }
+                            optimized.length = 0;
+                            for (let index = 0; index < write; index++) {
+                                optimized[index] = all[index];
+                            }
                             wrap = false;
                             rule =
                                 optimized.join("") +
                                     `:is(${selector
                                         .map((s) => {
+                                        const next = s[0] == "&" ? new Array(s.length) : new Array(s.length + 1);
+                                        let write = 0;
                                         if (s[0] == "&") {
-                                            s.splice(0, 1, last);
+                                            next[write++] = last;
+                                            for (let read = 1; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         }
                                         else {
-                                            s.unshift(last);
+                                            next[write++] = last;
+                                            for (let read = 0; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         }
-                                        return s.join("");
+                                        const rebuilt = new Array(write);
+                                        for (let index = 0; index < write; index++) {
+                                            rebuilt[index] = next[index];
+                                        }
+                                        return rebuilt.join("");
                                     })
                                         .join(",")})`;
                         }
@@ -606,7 +635,20 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                         rule = selector
                             .map((s) => {
                             if (s[0] == "&") {
-                                s.splice(0, 1, ...node[OPTIMIZED].optimized);
+                                const replacement = node[OPTIMIZED].optimized;
+                                const all = new Array(Math.max(s.length - 1 + replacement.length, 0));
+                                let write = 0;
+                                for (let read = 0; read < replacement.length; read++) {
+                                    all[write++] = replacement[read];
+                                }
+                                for (let read = 1; read < s.length; read++) {
+                                    all[write++] = s[read];
+                                }
+                                const rebuilt = new Array(write);
+                                for (let index = 0; index < write; index++) {
+                                    rebuilt[index] = all[index];
+                                }
+                                return rebuilt.join("");
                             }
                             return s.join("");
                         })
@@ -838,18 +880,42 @@ function optimizeSelector(selector) {
     while (optimized.length > 0) {
         const last = optimized.at(-1);
         if (last == " " || combinators.includes(last)) {
-            optimized.pop();
+            const all = new Array(Math.max(optimized.length - 1, 0));
+            let write = 0;
+            for (let read = 0; read < optimized.length - 1; read++) {
+                all[write++] = optimized[read];
+            }
+            optimized.length = 0;
+            for (let index = 0; index < write; index++) {
+                optimized[index] = all[index];
+            }
             continue;
         }
         break;
     }
     for (let i1 = 0; i1 < selector.length; i1++) {
-        selector[i1].splice(0, optimized.length);
+        const all = new Array(Math.max(selector[i1].length - optimized.length, 0));
+        let write = 0;
+        for (let read = optimized.length; read < selector[i1].length; read++) {
+            all[write++] = selector[i1][read];
+        }
+        selector[i1].length = 0;
+        for (let index = 0; index < write; index++) {
+            selector[i1][index] = all[index];
+        }
     }
     let reducible = optimized.length == 1;
     if (optimized[0] == "&") {
         if (optimized[1] == " ") {
-            optimized.splice(0, 2);
+            const all = new Array(Math.max(optimized.length - 2, 0));
+            let write = 0;
+            for (let read = 2; read < optimized.length; read++) {
+                all[write++] = optimized[read];
+            }
+            optimized.length = 0;
+            for (let index = 0; index < write; index++) {
+                optimized[index] = all[index];
+            }
         }
     }
     if (optimized.length == 0 || optimized[0].charAt(0) == "&" || selector.length == 1) {
@@ -1436,7 +1502,15 @@ function reduceRuleSelector(node) {
             if (selector.length > 1 &&
                 selector[0] == "&" &&
                 (combinators.includes(selector[1]) || !/^[a-zA-Z:]/.test(selector[1]))) {
-                selector.shift();
+                const all = new Array(Math.max(selector.length - 1, 0));
+                let write = 0;
+                for (let read = 1; read < selector.length; read++) {
+                    all[write++] = selector[read];
+                }
+                selector.length = 0;
+                for (let index = 0; index < write; index++) {
+                    selector[index] = all[index];
+                }
             }
         }
         const unique = new Set();
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index 1ab703dd..c103cc25 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -3393,17 +3393,18 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
  * console.log(declarations);
  * ```
  */
-async function parseDeclarations(declaration) {
+function parseDeclarations(declaration) {
     const stream = `.x{${declaration}}`;
-    return doParse(new Tokenizer({
+    const result = doParseSync(new Tokenizer({
         stream,
         offset: 0,
         position: 0,
         source: new SourceFile(stream, [], ""),
         currentPosition: 0,
-    }), { setParent: false, minify: false, validation: false }).then((result) => {
-        return result.ast.chi[0].chi.filter((t) => t.typ == EnumToken.DeclarationNodeType || t.typ == EnumToken.CommentNodeType);
-    });
+    }), { setParent: false, minify: false, validation: false });
+    // .then((result) => {
+    return result.ast.chi[0].chi.filter((t) => t.typ == EnumToken.DeclarationNodeType || t.typ == EnumToken.CommentNodeType);
+    // });
 }
 /**
  * Parse css string and return an array of tokens
diff --git a/dist/lib/parser/utils/declaration.js b/dist/lib/parser/utils/declaration.js
index c093ee84..06d1b87b 100644
--- a/dist/lib/parser/utils/declaration.js
+++ b/dist/lib/parser/utils/declaration.js
@@ -50,7 +50,6 @@ function parseGridTemplate(template) {
  * @param errors
  */
 function parseDeclaration(tokens, parent, options, errors) {
-    // console.error(tokens);
     const name = tokens.shift();
     let i;
     let rules = null;
@@ -384,10 +383,19 @@ function parseDeclaration(tokens, parent, options, errors) {
         }
         if (trimTokenSpace.has(token.typ)) {
             if (tokens[i + 1]?.typ === EnumToken.WhitespaceTokenType) {
-                tokens.splice(i + 1, 1);
+                for (let index = i + 1; index < tokens.length - 1; index++) {
+                    tokens[index] = tokens[index + 1];
+                }
+                tokens.length--;
+                i--;
+                continue;
             }
             if (tokens[i - 1]?.typ == EnumToken.WhitespaceTokenType) {
-                tokens.splice(--i, 1);
+                for (let index = i - 1; index < tokens.length - 1; index++) {
+                    tokens[index] = tokens[index + 1];
+                }
+                tokens.length--;
+                i--;
             }
         }
     }
diff --git a/dist/lib/parser/utils/selector.js b/dist/lib/parser/utils/selector.js
index 560cd9e8..d3ef7b3e 100644
--- a/dist/lib/parser/utils/selector.js
+++ b/dist/lib/parser/utils/selector.js
@@ -74,7 +74,6 @@ function parseSelector(tokens, context, options, errors) {
     const stack = [];
     const uniq = new Map();
     let allowed = true;
-    let i = 0;
     let index;
     let parent = context;
     let nested = false;
@@ -108,119 +107,130 @@ function parseSelector(tokens, context, options, errors) {
         nested = parent?.typ == EnumToken.RuleNodeType;
         parent = parent?.[PARENT];
     } while (!nested && parent != null);
-    for (; i < tokens.length; i++) {
-        if (tokens[i].typ == EnumToken.ColonTokenType) {
-            if (tokens[i + 1]?.typ == EnumToken.IdenTokenType) {
-                Object.assign(tokens[i], {
+    const all = new Array(tokens.length);
+    let write = 0;
+    for (let read = 0; read < tokens.length; read++) {
+        let token = tokens[read];
+        if (token.typ == EnumToken.ColonTokenType) {
+            const next = tokens[read + 1];
+            if (next?.typ == EnumToken.IdenTokenType) {
+                all[write++] = {
+                    ...token,
                     typ: EnumToken.PseudoElementTokenType,
-                    val: ":" + tokens[i + 1].val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    val: ":" + next.val,
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
-            if (tokens[i + 1]?.typ == EnumToken.FunctionTokenDefType) {
-                val = ":" + tokens[i + 1].val;
-                Object.assign(tokens[i], {
+            if (next?.typ == EnumToken.FunctionTokenDefType) {
+                val = ":" + next.val;
+                all[write++] = {
+                    ...token,
                     typ: val + "()" in getSyntaxConfig().selectors
                         ? EnumToken.PseudoClassFunctionTokenDefType
-                        : tokens[i + 1].typ,
+                        : next.typ,
                     val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
         }
-        if (tokens[i].typ == EnumToken.DoubleColonTokenType) {
-            val = ":" + tokens[i + 1].val;
-            if (tokens[i + 1]?.typ == EnumToken.IdenTokenType) {
-                Object.assign(tokens[i], {
+        if (token.typ == EnumToken.DoubleColonTokenType) {
+            const next = tokens[read + 1];
+            val = ":" + next.val;
+            if (next?.typ == EnumToken.IdenTokenType) {
+                all[write++] = {
+                    ...token,
                     typ: EnumToken.PseudoClassTokenType,
                     val: (pseudoElements.includes(val) ? "" : ":") + val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
-            if (tokens[i + 1]?.typ == EnumToken.FunctionTokenDefType) {
-                val = "::" + tokens[i + 1].val;
-                Object.assign(tokens[i], {
+            if (next?.typ == EnumToken.FunctionTokenDefType) {
+                val = "::" + next.val;
+                all[write++] = {
+                    ...token,
                     typ: val + "()" in getSyntaxConfig().selectors
                         ? EnumToken.PseudoClassFunctionTokenDefType
                         : EnumToken.FunctionTokenDefType,
                     val,
-                });
-                tokens[i][LOCEND] = tokens[i + 1][LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                };
+                read++;
                 continue;
             }
         }
-        if (tokens[i].typ == EnumToken.ColorTokenType) {
-            if (isHash(tokens[i].val)) {
-                Object.assign(tokens[i], {
-                    typ: EnumToken.HashTokenType,
-                });
+        if (token.typ == EnumToken.ColorTokenType) {
+            if (isHash(token.val)) {
+                token.typ = EnumToken.HashTokenType;
+                all[write++] = token;
+                continue;
             }
-            else {
-                return {
-                    typ: EnumToken.RuleNodeType,
-                    sel: [
-                        ...tokens
-                            .reduce((acc, curr, index, array) => {
-                            // if (curr.typ == EnumToken.CommentTokenType) {
-                            //     return acc;
-                            // }
-                            if (curr.typ == EnumToken.WhitespaceTokenType) {
-                                if (trimWhiteSpace.includes(array[index - 1]?.typ) ||
-                                    trimWhiteSpace.includes(array[index + 1]?.typ) ||
-                                    combinators.includes(array[index - 1]?.val) ||
-                                    combinators.includes(array[index + 1]?.val)) {
-                                    return acc;
-                                }
-                            }
-                            let t = renderValue(curr, { minify: false });
-                            if (t == ",") {
-                                acc.push([]);
-                            }
-                            else {
-                                acc[acc.length - 1].push(t);
+            return {
+                typ: EnumToken.RuleNodeType,
+                sel: [
+                    ...tokens
+                        .reduce((acc, curr, index, array) => {
+                        if (curr.typ == EnumToken.WhitespaceTokenType) {
+                            if (trimWhiteSpace.includes(array[index - 1]?.typ) ||
+                                trimWhiteSpace.includes(array[index + 1]?.typ) ||
+                                combinators.includes(array[index - 1]?.val) ||
+                                combinators.includes(array[index + 1]?.val)) {
+                                return acc;
                             }
-                            return acc;
-                        }, [[]])
-                            .reduce((acc, curr) => {
-                            let i = 0;
-                            for (; i < curr.length; i++) {
-                                if (i + 1 < curr.length && curr[i] == "*") {
-                                    if (curr[i] == "*") {
-                                        let index = curr[i + 1] == " " ? 2 : 1;
-                                        if (![">", "~", "+"].includes(curr[index])) {
-                                            curr.splice(i, index);
-                                        }
+                        }
+                        let t = renderValue(curr, { minify: false });
+                        if (t == ",") {
+                            acc.push([]);
+                        }
+                        else {
+                            acc[acc.length - 1].push(t);
+                        }
+                        return acc;
+                    }, [[]])
+                        .reduce((acc, curr) => {
+                        let i = 0;
+                        for (; i < curr.length; i++) {
+                            if (i + 1 < curr.length && curr[i] == "*") {
+                                if (curr[i] == "*") {
+                                    let index = curr[i + 1] == " " ? 2 : 1;
+                                    if (![">", "~", "+"].includes(curr[index])) {
+                                        curr.splice(i, index);
                                     }
                                 }
                             }
-                            acc.set(curr.join(""), curr);
-                            return acc;
-                        }, uniq)
-                            .keys(),
-                    ].join(","),
-                    chi: [],
-                    [LOCSRCID]: tokens[0][LOCSRCID],
-                    [LOCSTA]: tokens[0][LOCSTA],
-                    [LOCEND]: tokens[tokens.length - 1][LOCEND],
-                    [TOKENS]: tokens,
-                    [STATE]: EnumAstNodeStatus.Invalid,
-                    [ERRORS]: [
-                        {
-                            action: "drop",
-                            node: tokens[i],
-                            message: "invalid hash id",
-                        },
-                    ],
-                };
-            }
+                        }
+                        acc.set(curr.join(""), curr);
+                        return acc;
+                    }, uniq)
+                        .keys(),
+                ].join(","),
+                chi: [],
+                [LOCSRCID]: tokens[0][LOCSRCID],
+                [LOCSTA]: tokens[0][LOCSTA],
+                [LOCEND]: tokens[tokens.length - 1][LOCEND],
+                [TOKENS]: tokens,
+                [STATE]: EnumAstNodeStatus.Invalid,
+                [ERRORS]: [
+                    {
+                        action: "drop",
+                        node: token,
+                        message: "invalid hash id",
+                    },
+                ],
+            };
+        }
+        all[write++] = token;
+    }
+    if (write !== tokens.length) {
+        for (let index = 0; index < write; index++) {
+            tokens[index] = all[index];
         }
+        tokens.length = write;
     }
     const result = matchSelectorSyntax(tokens, errors, options, nested === true);
     trimArray(tokens);
diff --git a/src/lib/ast/minify.ts b/src/lib/ast/minify.ts
index e3f65511..0204c858 100644
--- a/src/lib/ast/minify.ts
+++ b/src/lib/ast/minify.ts
@@ -452,7 +452,17 @@ function reduce(acc: string[], curr: string[]): string[] {
 
     if (curr[0] == "&") {
         if (curr[1] == " " && !isIdent(curr[2]) && !isFunction(curr[2])) {
-            curr.splice(0, 2);
+            const all = new Array(Math.max(curr.length - 2, 0));
+            let write = 0;
+
+            for (let read = 2; read < curr.length; read++) {
+                all[write++] = curr[read];
+            }
+
+            curr.length = 0;
+            for (let index = 0; index < write; index++) {
+                curr[index] = all[index];
+            }
         }
     }
 
@@ -830,19 +840,45 @@ function doMinify(
                         const check = optimized.at(-2) as string;
 
                         if (!combinators.includes(check)) {
-                            let last = optimized.pop() as string;
+                            const last = optimized[optimized.length - 1] as string;
+                            const all = new Array(Math.max(optimized.length - 1, 0));
+                            let write = 0;
+
+                            for (let read = 0; read < optimized.length - 1; read++) {
+                                all[write++] = optimized[read];
+                            }
+
+                            optimized.length = 0;
+                            for (let index = 0; index < write; index++) {
+                                optimized[index] = all[index];
+                            }
+
                             wrap = false;
                             rule =
                                 optimized.join("") +
                                 `:is(${selector
                                     .map((s) => {
+                                        const next = s[0] == "&" ? new Array(s.length) : new Array(s.length + 1);
+                                        let write = 0;
+
                                         if (s[0] == "&") {
-                                            s.splice(0, 1, last);
+                                            next[write++] = last;
+                                            for (let read = 1; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
                                         } else {
-                                            s.unshift(last);
+                                            next[write++] = last;
+                                            for (let read = 0; read < s.length; read++) {
+                                                next[write++] = s[read];
+                                            }
+                                        }
+
+                                        const rebuilt = new Array(write);
+                                        for (let index = 0; index < write; index++) {
+                                            rebuilt[index] = next[index];
                                         }
 
-                                        return s.join("");
+                                        return rebuilt.join("");
                                     })
                                     .join(",")})`;
                         }
@@ -852,7 +888,23 @@ function doMinify(
                         rule = selector
                             .map((s: string[]): string => {
                                 if (s[0] == "&") {
-                                    s.splice(0, 1, ...(node as AstRule)![OPTIMIZED]!.optimized);
+                                    const replacement = (node as AstRule)![OPTIMIZED]!.optimized;
+                                    const all = new Array(Math.max(s.length - 1 + replacement.length, 0));
+                                    let write = 0;
+
+                                    for (let read = 0; read < replacement.length; read++) {
+                                        all[write++] = replacement[read];
+                                    }
+                                    for (let read = 1; read < s.length; read++) {
+                                        all[write++] = s[read];
+                                    }
+
+                                    const rebuilt = new Array(write);
+                                    for (let index = 0; index < write; index++) {
+                                        rebuilt[index] = all[index];
+                                    }
+
+                                    return rebuilt.join("");
                                 }
 
                                 return s.join("");
@@ -1142,7 +1194,17 @@ export function optimizeSelector(selector: string[][]): OptimizedSelector | null
         const last: string = <string>optimized.at(-1);
 
         if (last == " " || combinators.includes(<string>last)) {
-            optimized.pop();
+            const all = new Array(Math.max(optimized.length - 1, 0));
+            let write = 0;
+
+            for (let read = 0; read < optimized.length - 1; read++) {
+                all[write++] = optimized[read];
+            }
+
+            optimized.length = 0;
+            for (let index = 0; index < write; index++) {
+                optimized[index] = all[index];
+            }
             continue;
         }
 
@@ -1150,14 +1212,34 @@ export function optimizeSelector(selector: string[][]): OptimizedSelector | null
     }
 
     for (let i1 = 0; i1 < selector.length; i1++) {
-        selector[i1].splice(0, optimized.length);
+        const all = new Array(Math.max(selector[i1].length - optimized.length, 0));
+        let write = 0;
+
+        for (let read = optimized.length; read < selector[i1].length; read++) {
+            all[write++] = selector[i1][read];
+        }
+
+        selector[i1].length = 0;
+        for (let index = 0; index < write; index++) {
+            selector[i1][index] = all[index];
+        }
     }
 
     let reducible: boolean = optimized.length == 1;
 
     if (optimized[0] == "&") {
         if (optimized[1] == " ") {
-            optimized.splice(0, 2);
+            const all = new Array(Math.max(optimized.length - 2, 0));
+            let write = 0;
+
+            for (let read = 2; read < optimized.length; read++) {
+                all[write++] = optimized[read];
+            }
+
+            optimized.length = 0;
+            for (let index = 0; index < write; index++) {
+                optimized[index] = all[index];
+            }
         }
     }
 
@@ -1908,7 +1990,17 @@ function reduceRuleSelector(node: AstRule) {
                 selector[0] == "&" &&
                 (combinators.includes(selector[1]) || !/^[a-zA-Z:]/.test(selector[1]))
             ) {
-                selector.shift();
+                const all = new Array(Math.max(selector.length - 1, 0));
+                let write = 0;
+
+                for (let read = 1; read < selector.length; read++) {
+                    all[write++] = selector[read];
+                }
+
+                selector.length = 0;
+                for (let index = 0; index < write; index++) {
+                    selector[index] = all[index];
+                }
             }
         }
 
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index bc4d1375..ce094b75 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -4317,9 +4317,9 @@ export function parseAtRule(
  * console.log(declarations);
  * ```
  */
-export async function parseDeclarations(declaration: string): Promise<Array<AstDeclaration | AstComment>> {
+export function parseDeclarations(declaration: string): Array<AstDeclaration | AstComment> {
     const stream: string = `.x{${declaration}}`;
-    return doParse(
+    const result = doParseSync(
         new Tokenizer({
             stream,
             offset: 0,
@@ -4328,11 +4328,12 @@ export async function parseDeclarations(declaration: string): Promise<Array<AstD
             currentPosition: 0,
         } as ParseInfo),
         { setParent: false, minify: false, validation: false },
-    ).then((result) => {
-        return (result.ast.chi[0] as AstRule).chi.filter(
-            (t) => t.typ == EnumToken.DeclarationNodeType || t.typ == EnumToken.CommentNodeType,
-        ) as Array<AstDeclaration | AstComment>;
-    });
+    );
+    // .then((result) => {
+    return (result.ast.chi[0] as AstRule).chi.filter(
+        (t) => t.typ == EnumToken.DeclarationNodeType || t.typ == EnumToken.CommentNodeType,
+    ) as Array<AstDeclaration | AstComment>;
+    // });
 }
 
 /**
diff --git a/src/lib/parser/utils/at-rule-support.ts b/src/lib/parser/utils/at-rule-support.ts
index 12cee750..2932cdd7 100644
--- a/src/lib/parser/utils/at-rule-support.ts
+++ b/src/lib/parser/utils/at-rule-support.ts
@@ -286,7 +286,6 @@ export function parseAtRuleSupportSyntax(
     stream.length = 0;
 
     for (const token of trimArray(tokens)) {
-        
         stream.push(token);
     }
 
diff --git a/src/lib/parser/utils/declaration.ts b/src/lib/parser/utils/declaration.ts
index 804c8b01..21a746d6 100644
--- a/src/lib/parser/utils/declaration.ts
+++ b/src/lib/parser/utils/declaration.ts
@@ -96,7 +96,6 @@ export function parseDeclaration(
     options: ParserOptions,
     errors: ErrorDescription[],
 ): AstDeclaration | RawNodeToken {
-    // console.error(tokens);
     const name = tokens.shift() as IdentToken | DashedIdentToken;
     let i: number;
     let rules: ValidationSyntaxRule | null = null;
@@ -513,11 +512,22 @@ export function parseDeclaration(
 
         if (trimTokenSpace.has(token.typ)) {
             if (tokens[i + 1]?.typ === EnumToken.WhitespaceTokenType) {
-                tokens.splice(i + 1, 1);
+                for (let index = i + 1; index < tokens.length - 1; index++) {
+                    tokens[index] = tokens[index + 1];
+                }
+
+                tokens.length--;
+                i--;
+                continue;
             }
 
             if (tokens[i - 1]?.typ == EnumToken.WhitespaceTokenType) {
-                tokens.splice(--i, 1);
+                for (let index = i - 1; index < tokens.length - 1; index++) {
+                    tokens[index] = tokens[index + 1];
+                }
+
+                tokens.length--;
+                i--;
             }
         }
     }
diff --git a/src/lib/parser/utils/selector.ts b/src/lib/parser/utils/selector.ts
index f3a5aaea..9f8a3e93 100644
--- a/src/lib/parser/utils/selector.ts
+++ b/src/lib/parser/utils/selector.ts
@@ -181,139 +181,154 @@ export function parseSelector(
         parent = parent?.[PARENT] as AstRuleList;
     } while (!nested && parent != null);
 
-    for (; i < tokens.length; i++) {
-        if (tokens[i].typ == EnumToken.ColonTokenType) {
-            if (tokens[i + 1]?.typ == EnumToken.IdenTokenType) {
-                Object.assign(tokens[i], {
-                    typ: EnumToken.PseudoElementTokenType,
-                    val: ":" + (tokens[i + 1] as IdentToken).val,
-                });
+    const all = new Array(tokens.length);
+    let write = 0;
+
+    for (let read = 0; read < tokens.length; read++) {
+        let token = tokens[read];
 
-                tokens[i][LOCEND] = tokens[i + 1]![LOCEND];
-                tokens.splice(i + 1, 1);
+        if (token.typ == EnumToken.ColonTokenType) {
+            const next = tokens[read + 1];
+
+            if (next?.typ == EnumToken.IdenTokenType) {
+                all[write++] = {
+                    ...token,
+                    typ: EnumToken.PseudoElementTokenType,
+                    val: ":" + (next as IdentToken).val,
+                    [LOCEND]: next[LOCEND],
+                } as Token;
+                read++;
                 continue;
             }
 
-            if (tokens[i + 1]?.typ == EnumToken.FunctionTokenDefType) {
-                val = ":" + (tokens[i + 1] as IdentToken).val;
+            if (next?.typ == EnumToken.FunctionTokenDefType) {
+                val = ":" + (next as IdentToken).val;
 
-                Object.assign(tokens[i], {
+                all[write++] = {
+                    ...token,
                     typ:
                         val + "()" in getSyntaxConfig().selectors
                             ? EnumToken.PseudoClassFunctionTokenDefType
-                            : tokens[i + 1].typ,
+                            : next.typ,
                     val,
-                });
-
-                tokens[i][LOCEND] = tokens[i + 1]![LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                } as Token;
+                read++;
                 continue;
             }
         }
 
-        if (tokens[i].typ == EnumToken.DoubleColonTokenType) {
-            val = ":" + (tokens[i + 1] as IdentToken).val;
-            if (tokens[i + 1]?.typ == EnumToken.IdenTokenType) {
-                Object.assign(tokens[i], {
+        if (token.typ == EnumToken.DoubleColonTokenType) {
+            const next = tokens[read + 1];
+            val = ":" + (next as IdentToken).val;
+
+            if (next?.typ == EnumToken.IdenTokenType) {
+                all[write++] = {
+                    ...token,
                     typ: EnumToken.PseudoClassTokenType,
                     val: (pseudoElements.includes(val) ? "" : ":") + val,
-                });
-
-                tokens[i][LOCEND] = tokens[i + 1]![LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                } as Token;
+                read++;
                 continue;
             }
 
-            if (tokens[i + 1]?.typ == EnumToken.FunctionTokenDefType) {
-                val = "::" + (tokens[i + 1] as IdentToken).val;
-                Object.assign(tokens[i], {
+            if (next?.typ == EnumToken.FunctionTokenDefType) {
+                val = "::" + (next as IdentToken).val;
+                all[write++] = {
+                    ...token,
                     typ:
                         val + "()" in getSyntaxConfig().selectors
                             ? EnumToken.PseudoClassFunctionTokenDefType
                             : EnumToken.FunctionTokenDefType,
                     val,
-                });
-
-                tokens[i][LOCEND] = tokens[i + 1]![LOCEND];
-                tokens.splice(i + 1, 1);
+                    [LOCEND]: next[LOCEND],
+                } as Token;
+                read++;
                 continue;
             }
         }
 
-        if (tokens[i].typ == EnumToken.ColorTokenType) {
-            if (isHash((tokens[i] as ColorToken).val)) {
-                Object.assign(tokens[i], {
-                    typ: EnumToken.HashTokenType,
-                });
-            } else {
-                return {
-                    typ: EnumToken.RuleNodeType,
-                    sel: [
-                        ...tokens
-                            .reduce(
-                                (acc: string[][], curr: Token, index: number, array: Token[]) => {
-                                    // if (curr.typ == EnumToken.CommentTokenType) {
-                                    //     return acc;
-                                    // }
-
-                                    if (curr.typ == EnumToken.WhitespaceTokenType) {
-                                        if (
-                                            trimWhiteSpace.includes(array[index - 1]?.typ) ||
-                                            trimWhiteSpace.includes(array[index + 1]?.typ) ||
-                                            combinators.includes((<LiteralToken>array[index - 1])?.val) ||
-                                            combinators.includes((<LiteralToken>array[index + 1])?.val)
-                                        ) {
-                                            return acc;
-                                        }
+        if (token.typ == EnumToken.ColorTokenType) {
+            if (isHash((token as ColorToken).val)) {
+                token.typ = EnumToken.HashTokenType;
+                all[write++] = token as Token;
+                continue;
+            }
+
+            return {
+                typ: EnumToken.RuleNodeType,
+                sel: [
+                    ...tokens
+                        .reduce(
+                            (acc: string[][], curr: Token, index: number, array: Token[]) => {
+                                if (curr.typ == EnumToken.WhitespaceTokenType) {
+                                    if (
+                                        trimWhiteSpace.includes(array[index - 1]?.typ) ||
+                                        trimWhiteSpace.includes(array[index + 1]?.typ) ||
+                                        combinators.includes((<LiteralToken>array[index - 1])?.val) ||
+                                        combinators.includes((<LiteralToken>array[index + 1])?.val)
+                                    ) {
+                                        return acc;
                                     }
+                                }
 
-                                    let t: string = renderValue(curr, { minify: false });
+                                let t: string = renderValue(curr, { minify: false });
 
-                                    if (t == ",") {
-                                        acc.push([]);
-                                    } else {
-                                        acc[acc.length - 1].push(t);
-                                    }
-                                    return acc;
-                                },
-                                [[]],
-                            )
-                            .reduce((acc: Map<string, string[]>, curr: string[]) => {
-                                let i: number = 0;
-
-                                for (; i < curr.length; i++) {
-                                    if (i + 1 < curr.length && curr[i] == "*") {
-                                        if (curr[i] == "*") {
-                                            let index: number = curr[i + 1] == " " ? 2 : 1;
-
-                                            if (![">", "~", "+"].includes(curr[index])) {
-                                                curr.splice(i, index);
-                                            }
+                                if (t == ",") {
+                                    acc.push([]);
+                                } else {
+                                    acc[acc.length - 1].push(t);
+                                }
+                                return acc;
+                            },
+                            [[]],
+                        )
+                        .reduce((acc: Map<string, string[]>, curr: string[]) => {
+                            let i: number = 0;
+
+                            for (; i < curr.length; i++) {
+                                if (i + 1 < curr.length && curr[i] == "*") {
+                                    if (curr[i] == "*") {
+                                        let index: number = curr[i + 1] == " " ? 2 : 1;
+
+                                        if (![">", "~", "+"].includes(curr[index])) {
+                                            curr.splice(i, index);
                                         }
                                     }
                                 }
+                            }
 
-                                acc.set(curr.join(""), curr);
-                                return acc;
-                            }, uniq)
-                            .keys(),
-                    ].join(","),
-                    chi: [],
-                    [LOCSRCID]: tokens[0][LOCSRCID],
-                    [LOCSTA]: tokens[0][LOCSTA],
-                    [LOCEND]: tokens[tokens.length - 1][LOCEND],
-                    [TOKENS]: tokens,
-                    [STATE]: EnumAstNodeStatus.Invalid,
-                    [ERRORS]: [
-                        {
-                            action: "drop",
-                            node: tokens[i],
-                            message: "invalid hash id",
-                        },
-                    ],
-                } as AstRule;
-            }
+                            acc.set(curr.join(""), curr);
+                            return acc;
+                        }, uniq)
+                        .keys(),
+                ].join(","),
+                chi: [],
+                [LOCSRCID]: tokens[0][LOCSRCID],
+                [LOCSTA]: tokens[0][LOCSTA],
+                [LOCEND]: tokens[tokens.length - 1][LOCEND],
+                [TOKENS]: tokens,
+                [STATE]: EnumAstNodeStatus.Invalid,
+                [ERRORS]: [
+                    {
+                        action: "drop",
+                        node: token,
+                        message: "invalid hash id",
+                    },
+                ],
+            } as AstRule;
         }
+
+        all[write++] = token;
+    }
+
+    if (write !== tokens.length) {
+        for (let index = 0; index < write; index++) {
+            tokens[index] = all[index];
+        }
+
+        tokens.length = write;
     }
 
     const result = matchSelectorSyntax(tokens, errors, options, nested === true);

From dcf3f805e411e9c61171e052e86f7dbb4d3c64e8 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 3 Sep 2026 13:02:18 -0400
Subject: [PATCH 3/8] fix bugs when computing math functions

---
 CHANGELOG.md                    |  5 ++++
 dist/index-umd-web.js           | 23 ++++++++++++---
 dist/index.cjs                  | 23 ++++++++++++---
 dist/lib/ast/math/expression.js | 23 ++++++++++++---
 jsr.json                        |  2 +-
 package.json                    |  2 +-
 src/lib/ast/math/expression.ts  | 52 +++++++++++++++++++++------------
 test/specs/code/calc.js         | 35 ++++++++++++++++++++++
 8 files changed, 133 insertions(+), 32 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5d676788..33558e0e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+# v1.6.1
+
+- [x] fix bugs when computing path functions.
+- [x] reduce array mutations
+
 # v1.6.0
 
 - [x] added support for math function `tan()`.
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index e5b83d9a..e58ac11f 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10262,7 +10262,9 @@
                 }
                 const value = evaluate(values);
                 // @ts-ignore
-                let val = value[0].typ == exports.EnumToken.NumberTokenType || value[0].typ == exports.EnumToken.AngleTokenType
+                let val = value[0].typ == exports.EnumToken.NumberTokenType ||
+                    value[0].typ == exports.EnumToken.AngleTokenType ||
+                    value[0].typ == exports.EnumToken.PercentageTokenType
                     ? +value[0].val
                     : // @ts-expect-error
                         value[0].l.val / value[0].r.val;
@@ -10277,7 +10279,7 @@
                             [LOCEND]: value[0][LOCEND],
                         }
                         : {
-                            typ: exports.EnumToken.NumberTokenType,
+                            typ: token.val == "sign" ? exports.EnumToken.NumberTokenType : value[0].typ,
                             val: Math[token.val](val),
                             [LOCSRCID]: value[0][LOCSRCID],
                             [LOCSTA]: value[0][LOCSTA],
@@ -10307,10 +10309,23 @@
                     },
                 ];
             }
+            case "mod":
             case "atan2":
             case "pow":
-            case "rem":
-            case "mod": {
+            case "rem": {
+                {
+                    let typ = token.chi[0]?.typ;
+                    for (let i = 1; i < token.chi.length; i++) {
+                        if (token.chi[i].typ == exports.EnumToken.WhitespaceTokenType ||
+                            token.chi[i].typ == exports.EnumToken.CommaTokenType ||
+                            token.chi[i].typ == exports.EnumToken.CommentTokenType) {
+                            continue;
+                        }
+                        if (token.chi[i].typ != typ) {
+                            return null;
+                        }
+                    }
+                }
                 const chi = values.filter((t) => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
                 if (token.val == "atan2") {
                     for (let i = 0; i < chi.length; i++) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 359fa2f2..a23b414e 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -10265,7 +10265,9 @@ function evaluateFunc(token) {
             }
             const value = evaluate(values);
             // @ts-ignore
-            let val = value[0].typ == exports.EnumToken.NumberTokenType || value[0].typ == exports.EnumToken.AngleTokenType
+            let val = value[0].typ == exports.EnumToken.NumberTokenType ||
+                value[0].typ == exports.EnumToken.AngleTokenType ||
+                value[0].typ == exports.EnumToken.PercentageTokenType
                 ? +value[0].val
                 : // @ts-expect-error
                     value[0].l.val / value[0].r.val;
@@ -10280,7 +10282,7 @@ function evaluateFunc(token) {
                         [LOCEND]: value[0][LOCEND],
                     }
                     : {
-                        typ: exports.EnumToken.NumberTokenType,
+                        typ: token.val == "sign" ? exports.EnumToken.NumberTokenType : value[0].typ,
                         val: Math[token.val](val),
                         [LOCSRCID]: value[0][LOCSRCID],
                         [LOCSTA]: value[0][LOCSTA],
@@ -10310,10 +10312,23 @@ function evaluateFunc(token) {
                 },
             ];
         }
+        case "mod":
         case "atan2":
         case "pow":
-        case "rem":
-        case "mod": {
+        case "rem": {
+            {
+                let typ = token.chi[0]?.typ;
+                for (let i = 1; i < token.chi.length; i++) {
+                    if (token.chi[i].typ == exports.EnumToken.WhitespaceTokenType ||
+                        token.chi[i].typ == exports.EnumToken.CommaTokenType ||
+                        token.chi[i].typ == exports.EnumToken.CommentTokenType) {
+                        continue;
+                    }
+                    if (token.chi[i].typ != typ) {
+                        return null;
+                    }
+                }
+            }
             const chi = values.filter((t) => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
             if (token.val == "atan2") {
                 for (let i = 0; i < chi.length; i++) {
diff --git a/dist/lib/ast/math/expression.js b/dist/lib/ast/math/expression.js
index 5c0bab0a..b8cb919e 100644
--- a/dist/lib/ast/math/expression.js
+++ b/dist/lib/ast/math/expression.js
@@ -293,7 +293,9 @@ function evaluateFunc(token) {
             }
             const value = evaluate(values);
             // @ts-ignore
-            let val = value[0].typ == EnumToken.NumberTokenType || value[0].typ == EnumToken.AngleTokenType
+            let val = value[0].typ == EnumToken.NumberTokenType ||
+                value[0].typ == EnumToken.AngleTokenType ||
+                value[0].typ == EnumToken.PercentageTokenType
                 ? +value[0].val
                 : // @ts-expect-error
                     value[0].l.val / value[0].r.val;
@@ -308,7 +310,7 @@ function evaluateFunc(token) {
                         [LOCEND]: value[0][LOCEND],
                     }
                     : {
-                        typ: EnumToken.NumberTokenType,
+                        typ: token.val == "sign" ? EnumToken.NumberTokenType : value[0].typ,
                         val: Math[token.val](val),
                         [LOCSRCID]: value[0][LOCSRCID],
                         [LOCSTA]: value[0][LOCSTA],
@@ -338,10 +340,23 @@ function evaluateFunc(token) {
                 },
             ];
         }
+        case "mod":
         case "atan2":
         case "pow":
-        case "rem":
-        case "mod": {
+        case "rem": {
+            {
+                let typ = token.chi[0]?.typ;
+                for (let i = 1; i < token.chi.length; i++) {
+                    if (token.chi[i].typ == EnumToken.WhitespaceTokenType ||
+                        token.chi[i].typ == EnumToken.CommaTokenType ||
+                        token.chi[i].typ == EnumToken.CommentTokenType) {
+                        continue;
+                    }
+                    if (token.chi[i].typ != typ) {
+                        return null;
+                    }
+                }
+            }
             const chi = values.filter((t) => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
             if (token.val == "atan2") {
                 for (let i = 0; i < chi.length; i++) {
diff --git a/jsr.json b/jsr.json
index e3228e97..8b377f7d 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 672455c3..a1106659 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser, minifier and validator for node and the browser",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "exports": {
     ".": "./dist/node.js",
     "./node": "./dist/node.js",
diff --git a/src/lib/ast/math/expression.ts b/src/lib/ast/math/expression.ts
index 7e9abdb7..9dd4ab2c 100644
--- a/src/lib/ast/math/expression.ts
+++ b/src/lib/ast/math/expression.ts
@@ -372,7 +372,9 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
 
             // @ts-ignore
             let val: number =
-                value[0].typ == EnumToken.NumberTokenType || value[0].typ == EnumToken.AngleTokenType
+                value[0].typ == EnumToken.NumberTokenType ||
+                value[0].typ == EnumToken.AngleTokenType ||
+                value[0].typ == EnumToken.PercentageTokenType
                     ? (+(value[0] as NumberToken | DimensionToken).val as number)
                     : // @ts-expect-error
                       ((value[0] as FractionToken).l.val as number) / (value[0] as FractionToken).r.val;
@@ -388,7 +390,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                           [LOCEND]: value[0][LOCEND],
                       }
                     : {
-                          typ: EnumToken.NumberTokenType,
+                          typ: token.val == "sign" ? EnumToken.NumberTokenType : value[0].typ,
                           val: Math[token.val](val),
                           [LOCSRCID]: value[0][LOCSRCID],
                           [LOCSTA]: value[0][LOCSTA],
@@ -439,10 +441,26 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
             ];
         }
 
+        case "mod":
         case "atan2":
         case "pow":
-        case "rem":
-        case "mod": {
+        case "rem": {
+            {
+                let typ: EnumToken = token.chi[0]?.typ;
+                for (let i = 1; i < token.chi.length; i++) {
+                    if (
+                        token.chi[i].typ == EnumToken.WhitespaceTokenType ||
+                        token.chi[i].typ == EnumToken.CommaTokenType ||
+                        token.chi[i].typ == EnumToken.CommentTokenType
+                    ) {
+                        continue;
+                    }
+
+                    if (token.chi[i].typ != typ) {
+                        return null;
+                    }
+                }
+            }
             const chi = values.filter(
                 (t) => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ),
             );
@@ -683,22 +701,20 @@ export function inlineExpression(token: Token): Token[] {
         if ([EnumToken.Mul, EnumToken.Div].includes((token as BinaryExpressionToken).op)) {
             result.push(token);
         } else {
-
-                for (const child of inlineExpression((token as BinaryExpressionToken).l)) {
-                    result.push(child);
-                }
+            for (const child of inlineExpression((token as BinaryExpressionToken).l)) {
+                result.push(child);
+            }
 
             result.push({
-                    typ: (token as BinaryExpressionToken).op,
-                    [LOCSRCID]: (token as BinaryExpressionToken)[LOCSRCID],
-                    [LOCSTA]: (token as BinaryExpressionToken)[LOCSTA],
-                    [LOCEND]: (token as BinaryExpressionToken)[LOCEND],
-                } as Token);
-
-                for (const child of inlineExpression((token as BinaryExpressionToken).r)) {
-                    result.push(child);
-                }
-                
+                typ: (token as BinaryExpressionToken).op,
+                [LOCSRCID]: (token as BinaryExpressionToken)[LOCSRCID],
+                [LOCSTA]: (token as BinaryExpressionToken)[LOCSTA],
+                [LOCEND]: (token as BinaryExpressionToken)[LOCEND],
+            } as Token);
+
+            for (const child of inlineExpression((token as BinaryExpressionToken).r)) {
+                result.push(child);
+            }
         }
     } else {
         result.push(token);
diff --git a/test/specs/code/calc.js b/test/specs/code/calc.js
index 23562f73..03776027 100644
--- a/test/specs/code/calc.js
+++ b/test/specs/code/calc.js
@@ -562,6 +562,41 @@ transform: rotate(360deg);
 `).then((result) =>
                 expect(render(result.ast, { beautify: true }).code).equals(`a {
  transform: rotate(1turn)
+}`),
+            );
+        });
+
+        it("hypth() #39", function () {
+            return parse(`
+
+.test { opacity: sign(-50%); }
+.test { opacity: abs(-50%); }
+.test { opacity: mod(50%, 7); }
+.test { opacity: rem(50%, 7); }
+.test { opacity: round(nearest, 50%, 7); }
+.test { opacity: hypot(50%, 1); }
+.test { opacity: min(abs(-50%), 60%); }
+.test { color: hsl(0 abs(-50%) 50%); }
+a {
+  width: abs(-50%);
+}
+`, {
+
+                beautify: true,
+                nestingRules: false,
+                removeDuplicateDeclarations: ['opacity']
+}).then((result) =>
+                expect(render(result.ast, { beautify: true }).code).equals(`.test {
+ opacity: -1;
+ opacity: mod(50%,7);
+ opacity: rem(50%,7);
+ opacity: round(nearest,50%,7);
+ opacity: 50.009999%;
+ opacity: 50%;
+ color: #bf4040
+}
+a {
+ width: 50%
 }`),
             );
         });

From 3fa43766542a3eea4822cc510b7d85e60e3d3d3a Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 3 Sep 2026 14:31:30 -0400
Subject: [PATCH 4/8] do not minify transform function when the absolute angle
 is greater or equals to 360deg

---
 CHANGELOG.md                       |  22 ++++++-
 benchmark/package.json             |   2 +-
 dist/index-umd-web.js              |  87 +++++++++---------------
 dist/index.cjs                     |  87 +++++++++---------------
 dist/lib/ast/features/transform.js |   2 +-
 dist/lib/ast/transform/compute.js  |  83 ++++++++---------------
 dist/lib/ast/transform/minify.js   |   2 +-
 src/lib/ast/features/transform.ts  |   4 +-
 src/lib/ast/transform/compute.ts   | 102 ++++++++++-------------------
 src/lib/ast/transform/minify.ts    |   2 +-
 test/specs/code/calc.js            |  42 ++++++++++--
 test/specs/code/transform.js       |   2 +-
 12 files changed, 187 insertions(+), 250 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 33558e0e..ec8de0fd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,8 +2,28 @@
 
 # v1.6.1
 
-- [x] fix bugs when computing path functions.
+- [x] fix bugs when computing math functions.
 - [x] reduce array mutations
+- [x] do not minify transform function when the absolute angle is greater or equals to 360deg
+
+```css
+
+  a:hover {
+
+transform: rotate(calc(2.5*pi * 1rad))  }
+  .now {
+    transform: translate(100px, 100px) rotate(1215deg) skewX(10deg);
+}
+```
+should be minified to
+```css
+a:hover {
+ transform: rotate(450deg)
+}
+.now {
+ transform: translate(100px,100px)rotate(1215deg)skew(10deg)
+}
+```
 
 # v1.6.0
 
diff --git a/benchmark/package.json b/benchmark/package.json
index b243d652..8e17e924 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.4.11",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#52223b9",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#dcf3f805",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^8.0.6",
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index e58ac11f..b8f564a0 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -20652,7 +20652,7 @@
         return true;
     }
     function minifyTransformFunctions(transform) {
-        const name = transform.val.toLowerCase();
+        const name = transform.val;
         if ("skewX" == name) {
             transform.val = "skew";
             return transform;
@@ -20787,9 +20787,36 @@
         let matrix = identity();
         let mat;
         let transforms;
+        let shouldComputeMatrix = true;
         const cumulative = [];
+        // all transform function arguments must be 0 or scale(1)
+        for (const transform of transformLists) {
+            switch (transform.val) {
+                case "rotate":
+                case "rotateX":
+                case "rotateY":
+                case "rotateZ":
+                case "rotate3d":
+                    for (const child of transform.chi) {
+                        if (child.typ == exports.EnumToken.WhitespaceTokenType || child.typ == exports.EnumToken.CommaTokenType) {
+                            continue;
+                        }
+                        if ((child.typ != exports.EnumToken.AngleTokenType &&
+                            child.typ != exports.EnumToken.NumberTokenType &&
+                            child.typ != exports.EnumToken.PercentageTokenType) ||
+                            // angle >= 360deg, do not transform
+                            Math.abs(getAngle(child)) >= 1) {
+                            shouldComputeMatrix = false;
+                        }
+                    }
+                    break;
+            }
+            if (!shouldComputeMatrix) {
+                break;
+            }
+        }
         for (const transformList of splitTransformList(transformLists)) {
-            mat = computeMatrix(transformList, identity());
+            mat = shouldComputeMatrix ? computeMatrix(transformList, identity()) : null;
             if (mat == null) {
                 return null;
             }
@@ -20818,60 +20845,6 @@
             cumulative,
             minified: minify$1(matrix) ?? [serialized],
         };
-        // valid identity matrix
-        if ((result.minified.length == 1 &&
-            result.minified[0].typ == exports.EnumToken.IdenTokenType &&
-            result.minified[0].val == "none") ||
-            (result.cumulative.length == 1 &&
-                result.cumulative[0].typ == exports.EnumToken.IdenTokenType &&
-                result.cumulative[0].val == "none") ||
-            (result.matrix?.typ == exports.EnumToken.IdenTokenType && result.matrix.val == "none")) {
-            // all transform function arguments must be 0 or scale(1)
-            for (const transform of transformLists) {
-                switch (transform.val) {
-                    case "translate":
-                    case "translateX":
-                    case "translateY":
-                    case "translateZ":
-                    case "translate3d":
-                    case "rotate":
-                    case "rotateX":
-                    case "rotateY":
-                    case "rotateZ":
-                    case "rotate3d":
-                    case "skew":
-                    case "skewX":
-                    case "skewY":
-                        for (const child of transform.chi) {
-                            if (child.typ == exports.EnumToken.WhitespaceTokenType || child.typ == exports.EnumToken.CommaTokenType) {
-                                continue;
-                            }
-                            if ((child.typ != exports.EnumToken.AngleTokenType &&
-                                child.typ != exports.EnumToken.NumberTokenType &&
-                                child.typ != exports.EnumToken.PercentageTokenType) ||
-                                getNumber(child) != 0) {
-                                return null;
-                            }
-                        }
-                        break;
-                    case "scale":
-                    case "scaleX":
-                    case "scaleY":
-                    case "scaleZ":
-                    case "scale3d":
-                        for (const child of transform.chi) {
-                            if (child.typ == exports.EnumToken.WhitespaceTokenType || child.typ == exports.EnumToken.CommaTokenType) {
-                                continue;
-                            }
-                            if ((child.typ != exports.EnumToken.NumberTokenType && child.typ != exports.EnumToken.PercentageTokenType) ||
-                                getNumber(child) != 1) {
-                                return null;
-                            }
-                        }
-                        break;
-                }
-            }
-        }
         return result;
     }
     function computeMatrix(transformList, matrixVar) {
@@ -21199,7 +21172,7 @@
                     minified: null,
                 };
                 if (matrix == null || cumulative == null || minified == null) {
-                    node.val = children;
+                    node.val = children.map((t) => t.typ == exports.EnumToken.TransformFunctionTokenType ? minifyTransformFunctions(t) : t);
                     continue;
                 }
                 let r = [filterValues(children)];
diff --git a/dist/index.cjs b/dist/index.cjs
index a23b414e..4f3c97f9 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -20655,7 +20655,7 @@ function eqMatrix(a, b) {
     return true;
 }
 function minifyTransformFunctions(transform) {
-    const name = transform.val.toLowerCase();
+    const name = transform.val;
     if ("skewX" == name) {
         transform.val = "skew";
         return transform;
@@ -20790,9 +20790,36 @@ function compute(transformLists) {
     let matrix = identity();
     let mat;
     let transforms;
+    let shouldComputeMatrix = true;
     const cumulative = [];
+    // all transform function arguments must be 0 or scale(1)
+    for (const transform of transformLists) {
+        switch (transform.val) {
+            case "rotate":
+            case "rotateX":
+            case "rotateY":
+            case "rotateZ":
+            case "rotate3d":
+                for (const child of transform.chi) {
+                    if (child.typ == exports.EnumToken.WhitespaceTokenType || child.typ == exports.EnumToken.CommaTokenType) {
+                        continue;
+                    }
+                    if ((child.typ != exports.EnumToken.AngleTokenType &&
+                        child.typ != exports.EnumToken.NumberTokenType &&
+                        child.typ != exports.EnumToken.PercentageTokenType) ||
+                        // angle >= 360deg, do not transform
+                        Math.abs(getAngle(child)) >= 1) {
+                        shouldComputeMatrix = false;
+                    }
+                }
+                break;
+        }
+        if (!shouldComputeMatrix) {
+            break;
+        }
+    }
     for (const transformList of splitTransformList(transformLists)) {
-        mat = computeMatrix(transformList, identity());
+        mat = shouldComputeMatrix ? computeMatrix(transformList, identity()) : null;
         if (mat == null) {
             return null;
         }
@@ -20821,60 +20848,6 @@ function compute(transformLists) {
         cumulative,
         minified: minify$1(matrix) ?? [serialized],
     };
-    // valid identity matrix
-    if ((result.minified.length == 1 &&
-        result.minified[0].typ == exports.EnumToken.IdenTokenType &&
-        result.minified[0].val == "none") ||
-        (result.cumulative.length == 1 &&
-            result.cumulative[0].typ == exports.EnumToken.IdenTokenType &&
-            result.cumulative[0].val == "none") ||
-        (result.matrix?.typ == exports.EnumToken.IdenTokenType && result.matrix.val == "none")) {
-        // all transform function arguments must be 0 or scale(1)
-        for (const transform of transformLists) {
-            switch (transform.val) {
-                case "translate":
-                case "translateX":
-                case "translateY":
-                case "translateZ":
-                case "translate3d":
-                case "rotate":
-                case "rotateX":
-                case "rotateY":
-                case "rotateZ":
-                case "rotate3d":
-                case "skew":
-                case "skewX":
-                case "skewY":
-                    for (const child of transform.chi) {
-                        if (child.typ == exports.EnumToken.WhitespaceTokenType || child.typ == exports.EnumToken.CommaTokenType) {
-                            continue;
-                        }
-                        if ((child.typ != exports.EnumToken.AngleTokenType &&
-                            child.typ != exports.EnumToken.NumberTokenType &&
-                            child.typ != exports.EnumToken.PercentageTokenType) ||
-                            getNumber(child) != 0) {
-                            return null;
-                        }
-                    }
-                    break;
-                case "scale":
-                case "scaleX":
-                case "scaleY":
-                case "scaleZ":
-                case "scale3d":
-                    for (const child of transform.chi) {
-                        if (child.typ == exports.EnumToken.WhitespaceTokenType || child.typ == exports.EnumToken.CommaTokenType) {
-                            continue;
-                        }
-                        if ((child.typ != exports.EnumToken.NumberTokenType && child.typ != exports.EnumToken.PercentageTokenType) ||
-                            getNumber(child) != 1) {
-                            return null;
-                        }
-                    }
-                    break;
-            }
-        }
-    }
     return result;
 }
 function computeMatrix(transformList, matrixVar) {
@@ -21202,7 +21175,7 @@ class TransformCssFeature {
                 minified: null,
             };
             if (matrix == null || cumulative == null || minified == null) {
-                node.val = children;
+                node.val = children.map((t) => t.typ == exports.EnumToken.TransformFunctionTokenType ? minifyTransformFunctions(t) : t);
                 continue;
             }
             let r = [filterValues(children)];
diff --git a/dist/lib/ast/features/transform.js b/dist/lib/ast/features/transform.js
index d528102a..4a29abe9 100644
--- a/dist/lib/ast/features/transform.js
+++ b/dist/lib/ast/features/transform.js
@@ -53,7 +53,7 @@ class TransformCssFeature {
                 minified: null,
             };
             if (matrix == null || cumulative == null || minified == null) {
-                node.val = children;
+                node.val = children.map((t) => t.typ == EnumToken.TransformFunctionTokenType ? minifyTransformFunctions(t) : t);
                 continue;
             }
             let r = [filterValues(children)];
diff --git a/dist/lib/ast/transform/compute.js b/dist/lib/ast/transform/compute.js
index ddd93996..9ce03edf 100644
--- a/dist/lib/ast/transform/compute.js
+++ b/dist/lib/ast/transform/compute.js
@@ -18,9 +18,36 @@ function compute(transformLists) {
     let matrix = identity();
     let mat;
     let transforms;
+    let shouldComputeMatrix = true;
     const cumulative = [];
+    // all transform function arguments must be 0 or scale(1)
+    for (const transform of transformLists) {
+        switch (transform.val) {
+            case "rotate":
+            case "rotateX":
+            case "rotateY":
+            case "rotateZ":
+            case "rotate3d":
+                for (const child of transform.chi) {
+                    if (child.typ == EnumToken.WhitespaceTokenType || child.typ == EnumToken.CommaTokenType) {
+                        continue;
+                    }
+                    if ((child.typ != EnumToken.AngleTokenType &&
+                        child.typ != EnumToken.NumberTokenType &&
+                        child.typ != EnumToken.PercentageTokenType) ||
+                        // angle >= 360deg, do not transform
+                        Math.abs(getAngle(child)) >= 1) {
+                        shouldComputeMatrix = false;
+                    }
+                }
+                break;
+        }
+        if (!shouldComputeMatrix) {
+            break;
+        }
+    }
     for (const transformList of splitTransformList(transformLists)) {
-        mat = computeMatrix(transformList, identity());
+        mat = shouldComputeMatrix ? computeMatrix(transformList, identity()) : null;
         if (mat == null) {
             return null;
         }
@@ -49,60 +76,6 @@ function compute(transformLists) {
         cumulative,
         minified: minify(matrix) ?? [serialized],
     };
-    // valid identity matrix
-    if ((result.minified.length == 1 &&
-        result.minified[0].typ == EnumToken.IdenTokenType &&
-        result.minified[0].val == "none") ||
-        (result.cumulative.length == 1 &&
-            result.cumulative[0].typ == EnumToken.IdenTokenType &&
-            result.cumulative[0].val == "none") ||
-        (result.matrix?.typ == EnumToken.IdenTokenType && result.matrix.val == "none")) {
-        // all transform function arguments must be 0 or scale(1)
-        for (const transform of transformLists) {
-            switch (transform.val) {
-                case "translate":
-                case "translateX":
-                case "translateY":
-                case "translateZ":
-                case "translate3d":
-                case "rotate":
-                case "rotateX":
-                case "rotateY":
-                case "rotateZ":
-                case "rotate3d":
-                case "skew":
-                case "skewX":
-                case "skewY":
-                    for (const child of transform.chi) {
-                        if (child.typ == EnumToken.WhitespaceTokenType || child.typ == EnumToken.CommaTokenType) {
-                            continue;
-                        }
-                        if ((child.typ != EnumToken.AngleTokenType &&
-                            child.typ != EnumToken.NumberTokenType &&
-                            child.typ != EnumToken.PercentageTokenType) ||
-                            getNumber(child) != 0) {
-                            return null;
-                        }
-                    }
-                    break;
-                case "scale":
-                case "scaleX":
-                case "scaleY":
-                case "scaleZ":
-                case "scale3d":
-                    for (const child of transform.chi) {
-                        if (child.typ == EnumToken.WhitespaceTokenType || child.typ == EnumToken.CommaTokenType) {
-                            continue;
-                        }
-                        if ((child.typ != EnumToken.NumberTokenType && child.typ != EnumToken.PercentageTokenType) ||
-                            getNumber(child) != 1) {
-                            return null;
-                        }
-                    }
-                    break;
-            }
-        }
-    }
     return result;
 }
 function computeMatrix(transformList, matrixVar) {
diff --git a/dist/lib/ast/transform/minify.js b/dist/lib/ast/transform/minify.js
index b1113e22..a66fcde2 100644
--- a/dist/lib/ast/transform/minify.js
+++ b/dist/lib/ast/transform/minify.js
@@ -266,7 +266,7 @@ function eqMatrix(a, b) {
     return true;
 }
 function minifyTransformFunctions(transform) {
-    const name = transform.val.toLowerCase();
+    const name = transform.val;
     if ("skewX" == name) {
         transform.val = "skew";
         return transform;
diff --git a/src/lib/ast/features/transform.ts b/src/lib/ast/features/transform.ts
index 0c2f7e80..a28fa337 100644
--- a/src/lib/ast/features/transform.ts
+++ b/src/lib/ast/features/transform.ts
@@ -77,7 +77,9 @@ export class TransformCssFeature {
             };
 
             if (matrix == null || cumulative == null || minified == null) {
-                (node as AstDeclaration).val = children;
+                (node as AstDeclaration).val = children.map((t) =>
+                    t.typ == EnumToken.TransformFunctionTokenType ? minifyTransformFunctions(t as FunctionToken) : t,
+                );
                 continue;
             }
 
diff --git a/src/lib/ast/transform/compute.ts b/src/lib/ast/transform/compute.ts
index 2f25767e..ad611ede 100644
--- a/src/lib/ast/transform/compute.ts
+++ b/src/lib/ast/transform/compute.ts
@@ -33,10 +33,44 @@ export function compute(transformLists: Token[]): {
     let matrix: Matrix | null = identity();
     let mat: Matrix;
     let transforms: Token[];
+    let shouldComputeMatrix: boolean = true;
     const cumulative: Token[] = [];
 
+    // all transform function arguments must be 0 or scale(1)
+    for (const transform of transformLists) {
+        switch ((transform as FunctionToken).val) {
+            case "rotate":
+            case "rotateX":
+            case "rotateY":
+            case "rotateZ":
+            case "rotate3d":
+                for (const child of (transform as FunctionToken).chi) {
+                    if (child.typ == EnumToken.WhitespaceTokenType || child.typ == EnumToken.CommaTokenType) {
+                        continue;
+                    }
+
+                    if (
+                        (child.typ != EnumToken.AngleTokenType &&
+                            child.typ != EnumToken.NumberTokenType &&
+                            child.typ != EnumToken.PercentageTokenType) ||
+                        // angle >= 360deg, do not transform
+                        Math.abs(getAngle(child as NumberToken)) >= 1
+                    ) {
+                        shouldComputeMatrix = false;
+                        null;
+                    }
+                }
+
+                break;
+        }
+
+        if (!shouldComputeMatrix) {
+            break;
+        }
+    }
+
     for (const transformList of splitTransformList(transformLists)) {
-        mat = computeMatrix(transformList, identity()) as Matrix;
+        mat = shouldComputeMatrix ? (computeMatrix(transformList, identity()) as Matrix) : null;
 
         if (mat == null) {
             return null;
@@ -74,72 +108,6 @@ export function compute(transformLists: Token[]): {
         minified: minify(matrix) ?? [serialized],
     };
 
-    // valid identity matrix
-    if (
-        (result.minified.length == 1 &&
-            result.minified[0].typ == EnumToken.IdenTokenType &&
-            (result.minified[0] as IdentToken).val == "none") ||
-        (result.cumulative.length == 1 &&
-            result.cumulative[0].typ == EnumToken.IdenTokenType &&
-            (result.cumulative[0] as IdentToken).val == "none") ||
-        (result.matrix?.typ == EnumToken.IdenTokenType && (result.matrix as IdentToken).val == "none")
-    ) {
-        // all transform function arguments must be 0 or scale(1)
-        for (const transform of transformLists) {
-            switch ((transform as FunctionToken).val) {
-                case "translate":
-                case "translateX":
-                case "translateY":
-                case "translateZ":
-                case "translate3d":
-                case "rotate":
-                case "rotateX":
-                case "rotateY":
-                case "rotateZ":
-                case "rotate3d":
-                case "skew":
-                case "skewX":
-                case "skewY":
-                    for (const child of (transform as FunctionToken).chi) {
-                        if (child.typ == EnumToken.WhitespaceTokenType || child.typ == EnumToken.CommaTokenType) {
-                            continue;
-                        }
-
-                        if (
-                            (child.typ != EnumToken.AngleTokenType &&
-                                child.typ != EnumToken.NumberTokenType &&
-                                child.typ != EnumToken.PercentageTokenType) ||
-                            getNumber(child as NumberToken) != 0
-                        ) {
-                            return null;
-                        }
-                    }
-
-                    break;
-
-                case "scale":
-                case "scaleX":
-                case "scaleY":
-                case "scaleZ":
-                case "scale3d":
-                    for (const child of (transform as FunctionToken).chi) {
-                        if (child.typ == EnumToken.WhitespaceTokenType || child.typ == EnumToken.CommaTokenType) {
-                            continue;
-                        }
-
-                        if (
-                            (child.typ != EnumToken.NumberTokenType && child.typ != EnumToken.PercentageTokenType) ||
-                            getNumber(child as NumberToken) != 1
-                        ) {
-                            return null;
-                        }
-                    }
-
-                    break;
-            }
-        }
-    }
-
     return result;
 }
 
diff --git a/src/lib/ast/transform/minify.ts b/src/lib/ast/transform/minify.ts
index 8281f783..3656e13d 100644
--- a/src/lib/ast/transform/minify.ts
+++ b/src/lib/ast/transform/minify.ts
@@ -301,7 +301,7 @@ export function eqMatrix(a: FunctionToken | Matrix, b: Token[]): boolean {
 }
 
 export function minifyTransformFunctions(transform: FunctionToken): FunctionToken {
-    const name: string = transform.val.toLowerCase();
+    const name: string = transform.val;
 
     if ("skewX" == name) {
         transform.val = "skew";
diff --git a/test/specs/code/calc.js b/test/specs/code/calc.js
index 03776027..ce381a12 100644
--- a/test/specs/code/calc.js
+++ b/test/specs/code/calc.js
@@ -567,7 +567,8 @@ transform: rotate(360deg);
         });
 
         it("hypth() #39", function () {
-            return parse(`
+            return parse(
+                `
 
 .test { opacity: sign(-50%); }
 .test { opacity: abs(-50%); }
@@ -580,12 +581,13 @@ transform: rotate(360deg);
 a {
   width: abs(-50%);
 }
-`, {
-
-                beautify: true,
-                nestingRules: false,
-                removeDuplicateDeclarations: ['opacity']
-}).then((result) =>
+`,
+                {
+                    beautify: true,
+                    nestingRules: false,
+                    removeDuplicateDeclarations: ["opacity"],
+                },
+            ).then((result) =>
                 expect(render(result.ast, { beautify: true }).code).equals(`.test {
  opacity: -1;
  opacity: mod(50%,7);
@@ -597,6 +599,32 @@ a {
 }
 a {
  width: 50%
+}`),
+            );
+        });
+
+        it("hypth() #40", function () {
+            return parse(
+                `
+
+  a:hover {
+
+transform: rotate(calc(2.5*pi * 1rad))  }
+
+
+  .now {
+    transform: translate(100px, 100px) rotate(1215deg) skewX(10deg);
+}
+`,
+                {
+                    beautify: true,
+                },
+            ).then((result) =>
+                expect(render(result.ast, { beautify: true }).code).equals(`a:hover {
+ transform: rotate(450deg)
+}
+.now {
+ transform: translate(100px,100px)rotate(1215deg)skew(10deg)
 }`),
             );
         });
diff --git a/test/specs/code/transform.js b/test/specs/code/transform.js
index be2a2ddd..c2a34069 100644
--- a/test/specs/code/transform.js
+++ b/test/specs/code/transform.js
@@ -375,7 +375,7 @@ export function run(describe, expect, it, transform, parse, render, dirname, rea
                 beautify: true,
                 computeTransform: true
             }).then((result) => expect(result.code).equals(`.now {
- transform: translate(100px,100px)rotate(135deg)skew(10deg)
+ transform: translate(100px,100px)rotate(1215deg)skew(10deg)
 }`));
         });
 

From db37e931f35f3b8bf36b3df987e0894ab0e3ee69 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 3 Sep 2026 15:14:11 -0400
Subject: [PATCH 5/8] update dependencies

---
 benchmark/package.json | 6 +++---
 package.json           | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index 8e17e924..1c4fc463 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -10,11 +10,11 @@
     "all": "npm run sizes && npm run bench && npm run report"
   },
   "dependencies": {
-    "@tbela99/css-parser": "^1.4.11",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#dcf3f805",
+    "@tbela99/css-parser": "^1.6.0",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#3fa43766",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
-    "cssnano": "^8.0.6",
+    "cssnano": "^9.0.2",
     "csso": "^5.0.5",
     "esbuild": "^0.28.2",
     "lightningcss": "^1.33.0",
diff --git a/package.json b/package.json
index a1106659..f4fe7f97 100644
--- a/package.json
+++ b/package.json
@@ -66,16 +66,16 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/chai": "^5.2.3",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^26.2.0",
+    "@types/node": "^26.4.1",
     "@types/web": "^0.0.354",
     "@web/test-runner": "^1.0.0",
     "@web/test-runner-playwright": "^1.0.0",
     "chai": "^6.2.2",
     "esno": "^4.8.0",
     "markdown-it-task-lists": "^2.1.1",
-    "mocha": "^11.8.0",
+    "mocha": "^12.0.0",
     "playwright": "^1.62.1",
-    "rollup": "^4.62.4",
+    "rollup": "^4.63.1",
     "rollup-plugin-dts": "^6.5.1",
     "superc8": "^12.7.0",
     "tslib": "^2.8.1",

From 346d8660483f126ad1e8da7d0b9b6f3d6fdf61de Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 3 Sep 2026 17:00:58 -0400
Subject: [PATCH 6/8] supporting additional shorthand properties

---
 CHANGELOG.md                                  |    1 +
 README.md                                     |    6 +-
 dist/index-umd-web.js                         |   60 +-
 dist/index.cjs                                |   60 +-
 .../data/properties.json.js}                  |   47 +
 .../validation.json.js}                       |    9 +-
 dist/lib/parser/utils/config.js               |    2 +-
 dist/lib/renderer/render.js                   |    4 +-
 dist/lib/syntax/constants.js                  |    2 +-
 dist/lib/validation/config.js                 |    2 +-
 files/minification.md                         |    6 +-
 scripts/local-patch.json                      |   24 +
 scripts/shorthand.ts                          |   66 +-
 scripts/validation.ts                         |    2 +-
 src/config.json                               | 1506 -----------------
 src/lib/data/properties.json                  |    1 +
 .../config.json => data/validation.json}      |   19 +-
 src/lib/parser/arena.ts                       |   53 -
 src/lib/parser/utils/config.ts                |    6 +-
 src/lib/renderer/render.ts                    |    6 +-
 src/lib/validation/json.ts                    |    6 +-
 21 files changed, 275 insertions(+), 1613 deletions(-)
 rename dist/{config.json.js => lib/data/properties.json.js} (97%)
 rename dist/lib/{validation/config.json.js => data/validation.json.js} (99%)
 delete mode 100644 src/config.json
 create mode 100644 src/lib/data/properties.json
 rename src/lib/{validation/config.json => data/validation.json} (99%)
 delete mode 100644 src/lib/parser/arena.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ec8de0fd..f3bb5219 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - [x] fix bugs when computing math functions.
 - [x] reduce array mutations
 - [x] do not minify transform function when the absolute angle is greater or equals to 360deg
+- [x] spporting additional shorthands: scroll-timeline, scroll-padding, scroll-margin.
 
 ```css
 
diff --git a/README.md b/README.md
index 673fc0ee..419f0b85 100644
--- a/README.md
+++ b/README.md
@@ -185,9 +185,9 @@ Try it [online](https://tbela99.github.io/css-parser/playground/)
 - [ ] place-content
 - [ ] place-items
 - [ ] place-self
-- [ ] scroll-margin
-- [ ] scroll-padding
-- [ ] scroll-timeline
+- [x] scroll-margin
+- [x] scroll-padding
+- [x] scroll-timeline
 - [x] text-decoration
 - [x] text-emphasis
 - [x] transition
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index b8f564a0..1bc8a942 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -2668,13 +2668,13 @@
     		syntax: "none | auto"
     	},
     	"scroll-timeline": {
-    		syntax: "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+    		syntax: " [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
     	},
     	"scroll-timeline-axis": {
-    		syntax: "[ block | inline | x | y ]#"
+    		syntax: " [ block | inline | x | y ]#"
     	},
     	"scroll-timeline-name": {
-    		syntax: "[ none | <dashed-ident> ]#"
+    		syntax: " [ none | <dashed-ident> ]#"
     	},
     	"scrollbar-color": {
     		syntax: "auto | <color>{2}"
@@ -3167,6 +3167,9 @@
     	acos: {
     		syntax: "acos( <calc-sum> )"
     	},
+    	alpha: {
+    		syntax: "alpha( from <color> / [ <alpha-value> | none ] )"
+    	},
     	anchor: {
     		syntax: "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
     	},
@@ -17448,6 +17451,53 @@
     	"flex-wrap": {
     		shorthand: "flex-flow"
     	},
+    	"scroll-timeline": {
+    		shorthand: "scroll-timeline",
+    		pattern: "scroll-timeline-name scroll-timeline-axis",
+    		keywords: [
+    			"none",
+    			"block",
+    			"inline",
+    			"x",
+    			"y"
+    		],
+    		"default": [
+    			"none",
+    			"block"
+    		],
+    		properties: {
+    			"scroll-timeline-name": {
+    				keywords: [
+    					"none"
+    				],
+    				"default": [
+    					"none"
+    				],
+    				types: [
+    					"DashedIden"
+    				]
+    			},
+    			"scroll-timeline-axis": {
+    				keywords: [
+    					"block",
+    					"inline",
+    					"x",
+    					"y"
+    				],
+    				"default": [
+    					"block"
+    				],
+    				types: [
+    				]
+    			}
+    		}
+    	},
+    	"scroll-timeline-name": {
+    		shorthand: "scroll-timeline"
+    	},
+    	"scroll-timeline-axis": {
+    		shorthand: "scroll-timeline"
+    	},
     	container: {
     		shorthand: "container",
     		pattern: "container-name container-type",
@@ -24596,8 +24646,8 @@
                     return token.val;
                 }
                 if (Array.isArray(token.chi)) {
-                    const fnName = token.val.toLowerCase();
-                    const isLegacy = ["rgb", "rgba", "hsl", "hsla"].includes(token.val.toLowerCase());
+                    const fnName = token.val;
+                    const isLegacy = ["rgb", "rgba", "hsl", "hsla"].includes(token.val);
                     const hasAlpha = [
                         "rgb",
                         "rgba",
diff --git a/dist/index.cjs b/dist/index.cjs
index 4f3c97f9..b00edbf3 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -2671,13 +2671,13 @@ var declarations = {
 		syntax: "none | auto"
 	},
 	"scroll-timeline": {
-		syntax: "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+		syntax: " [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
 	},
 	"scroll-timeline-axis": {
-		syntax: "[ block | inline | x | y ]#"
+		syntax: " [ block | inline | x | y ]#"
 	},
 	"scroll-timeline-name": {
-		syntax: "[ none | <dashed-ident> ]#"
+		syntax: " [ none | <dashed-ident> ]#"
 	},
 	"scrollbar-color": {
 		syntax: "auto | <color>{2}"
@@ -3170,6 +3170,9 @@ var functions = {
 	acos: {
 		syntax: "acos( <calc-sum> )"
 	},
+	alpha: {
+		syntax: "alpha( from <color> / [ <alpha-value> | none ] )"
+	},
 	anchor: {
 		syntax: "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
 	},
@@ -17451,6 +17454,53 @@ var map = {
 	"flex-wrap": {
 		shorthand: "flex-flow"
 	},
+	"scroll-timeline": {
+		shorthand: "scroll-timeline",
+		pattern: "scroll-timeline-name scroll-timeline-axis",
+		keywords: [
+			"none",
+			"block",
+			"inline",
+			"x",
+			"y"
+		],
+		"default": [
+			"none",
+			"block"
+		],
+		properties: {
+			"scroll-timeline-name": {
+				keywords: [
+					"none"
+				],
+				"default": [
+					"none"
+				],
+				types: [
+					"DashedIden"
+				]
+			},
+			"scroll-timeline-axis": {
+				keywords: [
+					"block",
+					"inline",
+					"x",
+					"y"
+				],
+				"default": [
+					"block"
+				],
+				types: [
+				]
+			}
+		}
+	},
+	"scroll-timeline-name": {
+		shorthand: "scroll-timeline"
+	},
+	"scroll-timeline-axis": {
+		shorthand: "scroll-timeline"
+	},
 	container: {
 		shorthand: "container",
 		pattern: "container-name container-type",
@@ -24599,8 +24649,8 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 return token.val;
             }
             if (Array.isArray(token.chi)) {
-                const fnName = token.val.toLowerCase();
-                const isLegacy = ["rgb", "rgba", "hsl", "hsla"].includes(token.val.toLowerCase());
+                const fnName = token.val;
+                const isLegacy = ["rgb", "rgba", "hsl", "hsla"].includes(token.val);
                 const hasAlpha = [
                     "rgb",
                     "rgba",
diff --git a/dist/config.json.js b/dist/lib/data/properties.json.js
similarity index 97%
rename from dist/config.json.js
rename to dist/lib/data/properties.json.js
index 12c7300d..13f6796a 100644
--- a/dist/config.json.js
+++ b/dist/lib/data/properties.json.js
@@ -329,6 +329,53 @@ var map = {
 	"flex-wrap": {
 		shorthand: "flex-flow"
 	},
+	"scroll-timeline": {
+		shorthand: "scroll-timeline",
+		pattern: "scroll-timeline-name scroll-timeline-axis",
+		keywords: [
+			"none",
+			"block",
+			"inline",
+			"x",
+			"y"
+		],
+		"default": [
+			"none",
+			"block"
+		],
+		properties: {
+			"scroll-timeline-name": {
+				keywords: [
+					"none"
+				],
+				"default": [
+					"none"
+				],
+				types: [
+					"DashedIden"
+				]
+			},
+			"scroll-timeline-axis": {
+				keywords: [
+					"block",
+					"inline",
+					"x",
+					"y"
+				],
+				"default": [
+					"block"
+				],
+				types: [
+				]
+			}
+		}
+	},
+	"scroll-timeline-name": {
+		shorthand: "scroll-timeline"
+	},
+	"scroll-timeline-axis": {
+		shorthand: "scroll-timeline"
+	},
 	container: {
 		shorthand: "container",
 		pattern: "container-name container-type",
diff --git a/dist/lib/validation/config.json.js b/dist/lib/data/validation.json.js
similarity index 99%
rename from dist/lib/validation/config.json.js
rename to dist/lib/data/validation.json.js
index c4f8f4aa..4c01696b 100644
--- a/dist/lib/validation/config.json.js
+++ b/dist/lib/data/validation.json.js
@@ -1683,13 +1683,13 @@ var declarations = {
 		syntax: "none | auto"
 	},
 	"scroll-timeline": {
-		syntax: "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+		syntax: " [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
 	},
 	"scroll-timeline-axis": {
-		syntax: "[ block | inline | x | y ]#"
+		syntax: " [ block | inline | x | y ]#"
 	},
 	"scroll-timeline-name": {
-		syntax: "[ none | <dashed-ident> ]#"
+		syntax: " [ none | <dashed-ident> ]#"
 	},
 	"scrollbar-color": {
 		syntax: "auto | <color>{2}"
@@ -2182,6 +2182,9 @@ var functions = {
 	acos: {
 		syntax: "acos( <calc-sum> )"
 	},
+	alpha: {
+		syntax: "alpha( from <color> / [ <alpha-value> | none ] )"
+	},
 	anchor: {
 		syntax: "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
 	},
diff --git a/dist/lib/parser/utils/config.js b/dist/lib/parser/utils/config.js
index 3dee8ca7..3e31991a 100644
--- a/dist/lib/parser/utils/config.js
+++ b/dist/lib/parser/utils/config.js
@@ -1,4 +1,4 @@
-import config from '../../../config.json.js';
+import config from '../../data/properties.json.js';
 
 Object.freeze(config);
 // @ts-expect-error
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 000f21c0..ddd92cc9 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -515,8 +515,8 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 return token.val;
             }
             if (Array.isArray(token.chi)) {
-                const fnName = token.val.toLowerCase();
-                const isLegacy = ["rgb", "rgba", "hsl", "hsla"].includes(token.val.toLowerCase());
+                const fnName = token.val;
+                const isLegacy = ["rgb", "rgba", "hsl", "hsla"].includes(token.val);
                 const hasAlpha = [
                     "rgb",
                     "rgba",
diff --git a/dist/lib/syntax/constants.js b/dist/lib/syntax/constants.js
index 75f5d4d9..de5a6921 100644
--- a/dist/lib/syntax/constants.js
+++ b/dist/lib/syntax/constants.js
@@ -1,5 +1,5 @@
 import { EnumToken } from '../ast/types.js';
-import config from '../validation/config.json.js';
+import config from '../data/validation.json.js';
 
 /**
  * Location source id
diff --git a/dist/lib/validation/config.js b/dist/lib/validation/config.js
index eee3dc61..cf74de38 100644
--- a/dist/lib/validation/config.js
+++ b/dist/lib/validation/config.js
@@ -1,4 +1,4 @@
-import config from './config.json.js';
+import config from '../data/validation.json.js';
 import { trimSyntaxArray, parseSyntax } from './parser/parse.js';
 import { ValidationTokenEnum } from './parser/typedef.js';
 import { memoize } from '../parser/utils/cache.js';
diff --git a/files/minification.md b/files/minification.md
index 2d0c7dc0..310f1cc5 100644
--- a/files/minification.md
+++ b/files/minification.md
@@ -740,9 +740,9 @@ Below is the list of computed shorthands properties. Minification is fully suppo
 - [ ] place-content
 - [ ] place-items
 - [ ] place-self
-- [ ] scroll-margin
-- [ ] scroll-padding
-- [ ] scroll-timeline
+- [x] scroll-margin
+- [x] scroll-padding
+- [x] scroll-timeline
 - [x] text-decoration
 - [x] text-emphasis
 - [x] transition
diff --git a/scripts/local-patch.json b/scripts/local-patch.json
index 16e3974e..382854a1 100644
--- a/scripts/local-patch.json
+++ b/scripts/local-patch.json
@@ -177,6 +177,30 @@
       "comment": "replace stroke-width syntax",
       "syntax": "[ <length-percentage> | <line-width> | <number> ]# "
     },
+    "scroll-margin": {
+      "syntax": "<length>{1,4}"
+    },
+    "scroll-margin-top": {
+      "syntax": "auto | <length-percentage [0,∞]>"
+    },
+    "scroll-margin-right": {
+      "syntax": "auto | <length-percentage [0,∞]>"
+    },
+    "scroll-margin-bottom": {
+      "syntax": "auto | <length-percentage [0,∞]>"
+    },
+    "scroll-margin-left": {
+      "syntax": "auto | <length-percentage [0,∞]>"
+    },
+    "scroll-timeline-name": {
+      "syntax": "[ none | <dashed-ident> ]#"
+    },
+    "scroll-timeline-axis": {
+      "syntax": "[ block | inline | x | y ]#"
+    },
+    "scroll-timeline": {
+      "syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+    },
     "transform-origin": {
       "syntax": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?"
     }
diff --git a/scripts/shorthand.ts b/scripts/shorthand.ts
index e6546994..83c06687 100644
--- a/scripts/shorthand.ts
+++ b/scripts/shorthand.ts
@@ -79,6 +79,32 @@ export const map: ShorthandMapType = (<ShorthandMapType[][]>[
             },
         ],
     ],
+    [
+        {
+            shorthand: "scroll-timeline",
+            pattern: `scroll-timeline-name scroll-timeline-axis`,
+            keywords: ["none", "block", "inline", "x", "y"],
+            default: ["none", "block"],
+        },
+        [
+            {
+                shorthand: "scroll-timeline-name",
+                properties: {
+                    keywords: ["none"],
+                    default: ["none"],
+                    types: ['DashedIden'],
+                },
+            },
+            {
+                shorthand: "scroll-timeline-axis",
+                properties: {
+                    keywords: ["block", "inline", "x", "y"],
+                    default: ["block"],
+                    types: [],
+                },
+            },
+        ],
+    ],
     [
         {
             shorthand: "flex-flow",
@@ -909,6 +935,23 @@ export const properties: PropertySetType = [
         // separator:null ,
         keywords: [],
     },
+    {
+        shorthand: "scroll-margin",
+        properties: ["scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left"],
+        types: ["Length", "Perc"],
+        default: ["0"],
+        // multiple: false,
+        // separator:null ,
+        keywords: ['auto'],
+    },
+    {
+        shorthand: "scroll-padding",
+        properties: ["scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left"],
+        types: ["Length", "Perc"],
+        // multiple: false,
+        // separator:null ,
+        keywords: ['auto'],
+    },
     {
         shorthand: "border-radius",
         properties: [
@@ -990,41 +1033,44 @@ export const properties: PropertySetType = [
     <PropertySetType>{},
 );
 
+/**
+ * minify individual properties to be minified
+ */
 // @ts-expect-error
 export const property = {
     "transform-origin": {
         pattern: [
-            ['left|center|right', 'top|center|bottom', '<length>'],
-            ['left|center|right', 'top|center|bottom'],
-            ['center|left|right|center|top|bottom|<length>'],
+            ["left|center|right", "top|center|bottom", "<length>"],
+            ["left|center|right", "top|center|bottom"],
+            ["center|left|right|center|top|bottom|<length>"],
         ],
         mapping: {
-            "center": {
+            center: {
                 typ: "Perc",
                 val: 50,
             },
-            "left": {
+            left: {
                 typ: "Perc",
                 val: 0,
             },
-            "right": {
+            right: {
                 typ: "Perc",
                 val: 100,
             },
-            "top": {
+            top: {
                 typ: "Perc",
                 val: 0,
             },
-            "bottom": {
+            bottom: {
                 typ: "Perc",
                 val: 100,
-            }
+            },
         },
     },
 } as Record<string, SinglePropertyTypeMapping>;
 
 const result = JSON.stringify({ properties, map, property });
 
-await writeFile(import.meta.dirname + "/../src/config.json", result);
+await writeFile(import.meta.dirname + "/../src/lib/data/properties.json", result);
 
 console.debug(result);
diff --git a/scripts/validation.ts b/scripts/validation.ts
index 1d465029..62b8c3bf 100644
--- a/scripts/validation.ts
+++ b/scripts/validation.ts
@@ -86,7 +86,7 @@ const codes = (await fetch("https://cdn.jsdelivr.net/npm/@iso-639/data/1/en.json
 // @ts-expect-error
 json.languages = Object.keys(codes);
 
-await writeFile(import.meta.dirname! + "/../src/lib/validation/config.json", JSON.stringify(json, null, 1));
+await writeFile(import.meta.dirname! + "/../src/lib/data/validation.json", JSON.stringify(json, null, 1));
 console.debug(json);
 
 // =============================== //
diff --git a/src/config.json b/src/config.json
deleted file mode 100644
index 486e67fb..00000000
--- a/src/config.json
+++ /dev/null
@@ -1,1506 +0,0 @@
-{
-    "properties": {
-        "gap": {
-            "shorthand": "gap",
-            "properties": [
-                "row-gap",
-                "column-gap"
-            ],
-            "types": [
-                "Length",
-                "Perc"
-            ],
-            "multiple": false,
-            "separator": null,
-            "keywords": [
-                "normal"
-            ]
-        },
-        "row-gap": {
-            "shorthand": "gap"
-        },
-        "column-gap": {
-            "shorthand": "gap"
-        },
-        "inset": {
-            "shorthand": "inset",
-            "properties": [
-                "top",
-                "right",
-                "bottom",
-                "left"
-            ],
-            "types": [
-                "Length",
-                "Perc"
-            ],
-            "multiple": false,
-            "separator": null,
-            "keywords": [
-                "auto"
-            ]
-        },
-        "top": {
-            "shorthand": "inset"
-        },
-        "right": {
-            "shorthand": "inset"
-        },
-        "bottom": {
-            "shorthand": "inset"
-        },
-        "left": {
-            "shorthand": "inset"
-        },
-        "margin": {
-            "shorthand": "margin",
-            "properties": [
-                "margin-top",
-                "margin-right",
-                "margin-bottom",
-                "margin-left"
-            ],
-            "types": [
-                "Length",
-                "Perc"
-            ],
-            "multiple": false,
-            "separator": null,
-            "keywords": [
-                "auto"
-            ]
-        },
-        "margin-top": {
-            "shorthand": "margin"
-        },
-        "margin-right": {
-            "shorthand": "margin"
-        },
-        "margin-bottom": {
-            "shorthand": "margin"
-        },
-        "margin-left": {
-            "shorthand": "margin"
-        },
-        "padding": {
-            "shorthand": "padding",
-            "properties": [
-                "padding-top",
-                "padding-right",
-                "padding-bottom",
-                "padding-left"
-            ],
-            "types": [
-                "Length",
-                "Perc"
-            ],
-            "keywords": []
-        },
-        "padding-top": {
-            "shorthand": "padding"
-        },
-        "padding-right": {
-            "shorthand": "padding"
-        },
-        "padding-bottom": {
-            "shorthand": "padding"
-        },
-        "padding-left": {
-            "shorthand": "padding"
-        },
-        "border-radius": {
-            "shorthand": "border-radius",
-            "properties": [
-                "border-top-left-radius",
-                "border-top-right-radius",
-                "border-bottom-right-radius",
-                "border-bottom-left-radius"
-            ],
-            "types": [
-                "Length",
-                "Perc"
-            ],
-            "multiple": true,
-            "separator": {
-                "typ": "Literal",
-                "val": "/"
-            },
-            "keywords": []
-        },
-        "border-top-left-radius": {
-            "shorthand": "border-radius"
-        },
-        "border-top-right-radius": {
-            "shorthand": "border-radius"
-        },
-        "border-bottom-right-radius": {
-            "shorthand": "border-radius"
-        },
-        "border-bottom-left-radius": {
-            "shorthand": "border-radius"
-        },
-        "border-width": {
-            "shorthand": "border-width",
-            "map": "border",
-            "properties": [
-                "border-top-width",
-                "border-right-width",
-                "border-bottom-width",
-                "border-left-width"
-            ],
-            "types": [
-                "Length",
-                "Perc"
-            ],
-            "default": [
-                "medium"
-            ],
-            "keywords": [
-                "thin",
-                "medium",
-                "thick"
-            ]
-        },
-        "border-top-width": {
-            "map": "border",
-            "shorthand": "border-width"
-        },
-        "border-right-width": {
-            "map": "border",
-            "shorthand": "border-width"
-        },
-        "border-bottom-width": {
-            "map": "border",
-            "shorthand": "border-width"
-        },
-        "border-left-width": {
-            "map": "border",
-            "shorthand": "border-width"
-        },
-        "border-style": {
-            "shorthand": "border-style",
-            "map": "border",
-            "properties": [
-                "border-top-style",
-                "border-right-style",
-                "border-bottom-style",
-                "border-left-style"
-            ],
-            "types": [],
-            "default": [
-                "none"
-            ],
-            "keywords": [
-                "none",
-                "hidden",
-                "dotted",
-                "dashed",
-                "solid",
-                "double",
-                "groove",
-                "ridge",
-                "inset",
-                "outset"
-            ]
-        },
-        "border-top-style": {
-            "map": "border",
-            "shorthand": "border-style"
-        },
-        "border-right-style": {
-            "map": "border",
-            "shorthand": "border-style"
-        },
-        "border-bottom-style": {
-            "map": "border",
-            "shorthand": "border-style"
-        },
-        "border-left-style": {
-            "map": "border",
-            "shorthand": "border-style"
-        },
-        "border-color": {
-            "shorthand": "border-color",
-            "map": "border",
-            "properties": [
-                "border-top-color",
-                "border-right-color",
-                "border-bottom-color",
-                "border-left-color"
-            ],
-            "types": [
-                "Color"
-            ],
-            "default": [
-                "currentcolor"
-            ],
-            "keywords": []
-        },
-        "border-top-color": {
-            "map": "border",
-            "shorthand": "border-color"
-        },
-        "border-right-color": {
-            "map": "border",
-            "shorthand": "border-color"
-        },
-        "border-bottom-color": {
-            "map": "border",
-            "shorthand": "border-color"
-        },
-        "border-left-color": {
-            "map": "border",
-            "shorthand": "border-color"
-        },
-        "grid-row": {
-            "shorthand": "grid-row",
-            "properties": [
-                "grid-row-start",
-                "grid-row-end"
-            ],
-            "types": [
-                "Iden",
-                "Number"
-            ],
-            "multiple": true,
-            "valueSeparator": {
-                "typ": "Literal",
-                "val": "/"
-            },
-            "default": [
-                "auto"
-            ],
-            "keywords": [
-                "auto",
-                "span"
-            ]
-        },
-        "grid-row-start": {
-            "shorthand": "grid-row"
-        },
-        "grid-row-end": {
-            "shorthand": "grid-row"
-        }
-    },
-    "map": {
-        "flex-flow": {
-            "shorthand": "flex-flow",
-            "pattern": "flex-direction flex-wrap",
-            "keywords": [],
-            "default": [
-                "row",
-                "nowrap"
-            ],
-            "properties": {
-                "flex-direction": {
-                    "keywords": [
-                        "row",
-                        "row-reverse",
-                        "column",
-                        "column-reverse"
-                    ],
-                    "default": [
-                        "row"
-                    ],
-                    "types": []
-                },
-                "flex-wrap": {
-                    "keywords": [
-                        "wrap",
-                        "nowrap",
-                        "wrap-reverse"
-                    ],
-                    "default": [
-                        "nowrap"
-                    ],
-                    "types": []
-                }
-            }
-        },
-        "flex-direction": {
-            "shorthand": "flex-flow"
-        },
-        "flex-wrap": {
-            "shorthand": "flex-flow"
-        },
-        "container": {
-            "shorthand": "container",
-            "pattern": "container-name container-type",
-            "keywords": [],
-            "default": [],
-            "properties": {
-                "container-name": {
-                    "required": true,
-                    "multiple": true,
-                    "keywords": [
-                        "none"
-                    ],
-                    "default": [
-                        "none"
-                    ],
-                    "types": [
-                        "Iden",
-                        "DashedIden"
-                    ]
-                },
-                "container-type": {
-                    "previous": "container-name",
-                    "prefix": {
-                        "typ": "Literal",
-                        "val": "/"
-                    },
-                    "keywords": [
-                        "size",
-                        "inline-size",
-                        "normal"
-                    ],
-                    "default": [
-                        "normal"
-                    ],
-                    "types": []
-                }
-            }
-        },
-        "container-name": {
-            "shorthand": "container"
-        },
-        "container-type": {
-            "shorthand": "container"
-        },
-        "flex": {
-            "shorthand": "flex",
-            "pattern": "flex-grow flex-shrink flex-basis",
-            "keywords": [
-                "auto",
-                "none",
-                "initial"
-            ],
-            "default": [],
-            "mapping": {
-                "0 1 auto": "initial",
-                "0 0 auto": "none",
-                "1 1 auto": "auto"
-            },
-            "properties": {
-                "flex-grow": {
-                    "required": true,
-                    "keywords": [],
-                    "default": [],
-                    "types": [
-                        "Number"
-                    ]
-                },
-                "flex-shrink": {
-                    "keywords": [],
-                    "default": [],
-                    "types": [
-                        "Number"
-                    ]
-                },
-                "flex-basis": {
-                    "keywords": [
-                        "max-content",
-                        "min-content",
-                        "fit-content",
-                        "fit-content",
-                        "content",
-                        "auto"
-                    ],
-                    "default": [],
-                    "types": [
-                        "Length",
-                        "Perc"
-                    ]
-                }
-            }
-        },
-        "flex-grow": {
-            "shorthand": "flex"
-        },
-        "flex-shrink": {
-            "shorthand": "flex"
-        },
-        "flex-basis": {
-            "shorthand": "flex"
-        },
-        "columns": {
-            "shorthand": "columns",
-            "pattern": "column-count column-width",
-            "keywords": [
-                "auto"
-            ],
-            "default": [
-                "auto",
-                "auto auto"
-            ],
-            "properties": {
-                "column-count": {
-                    "keywords": [
-                        "auto"
-                    ],
-                    "default": [
-                        "auto"
-                    ],
-                    "types": [
-                        "Number"
-                    ]
-                },
-                "column-width": {
-                    "keywords": [
-                        "auto"
-                    ],
-                    "default": [
-                        "auto"
-                    ],
-                    "types": [
-                        "Length"
-                    ]
-                }
-            }
-        },
-        "column-count": {
-            "shorthand": "columns"
-        },
-        "column-width": {
-            "shorthand": "columns"
-        },
-        "transition": {
-            "shorthand": "transition",
-            "multiple": true,
-            "separator": {
-                "typ": "Comma"
-            },
-            "pattern": "transition-property transition-duration transition-timing-function transition-delay transition-behavior",
-            "keywords": [
-                "none",
-                "all"
-            ],
-            "default": [
-                "0s",
-                "0ms",
-                "all",
-                "ease",
-                "none",
-                "normal"
-            ],
-            "mapping": {
-                "cubic-bezier(.25,.1,.25,1)": "ease",
-                "cubic-bezier(0,0,1,1)": "linear",
-                "cubic-bezier(.42,0,1,1)": "ease-in",
-                "cubic-bezier(0,0,.58,1)": "ease-out",
-                "cubic-bezier(.42,0,.58,.42)": "ease-in-out"
-            },
-            "properties": {
-                "transition-property": {
-                    "keywords": [
-                        "none",
-                        "all"
-                    ],
-                    "default": [
-                        "all"
-                    ],
-                    "types": [
-                        "Iden"
-                    ]
-                },
-                "transition-duration": {
-                    "keywords": [],
-                    "default": [
-                        "0s",
-                        "0ms",
-                        "normal"
-                    ],
-                    "types": [
-                        "Time"
-                    ]
-                },
-                "transition-timing-function": {
-                    "keywords": [
-                        "ease",
-                        "ease-in",
-                        "ease-out",
-                        "ease-in-out",
-                        "linear",
-                        "step-start",
-                        "step-end"
-                    ],
-                    "default": [
-                        "ease"
-                    ],
-                    "types": [
-                        "TimingFunction"
-                    ],
-                    "mapping": {
-                        "cubic-bezier(.25,.1,.25,1)": "ease",
-                        "cubic-bezier(0,0,1,1)": "linear",
-                        "cubic-bezier(.42,0,1,1)": "ease-in",
-                        "cubic-bezier(0,0,.58,1)": "ease-out",
-                        "cubic-bezier(.42,0,.58,.42)": "ease-in-out"
-                    }
-                },
-                "transition-delay": {
-                    "keywords": [],
-                    "default": [
-                        "0s"
-                    ],
-                    "types": [
-                        "Time"
-                    ]
-                },
-                "transition-behavior": {
-                    "keywords": [
-                        "normal",
-                        "allow-discrete"
-                    ],
-                    "default": [
-                        "normal"
-                    ],
-                    "types": []
-                }
-            }
-        },
-        "transition-property": {
-            "shorthand": "transition"
-        },
-        "transition-duration": {
-            "shorthand": "transition"
-        },
-        "transition-timing-function": {
-            "shorthand": "transition"
-        },
-        "transition-delay": {
-            "shorthand": "transition"
-        },
-        "transition-behavior": {
-            "shorthand": "transition"
-        },
-        "animation": {
-            "shorthand": "animation",
-            "separator": {
-                "typ": "Comma"
-            },
-            "pattern": "animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline",
-            "default": [
-                "1",
-                "0s",
-                "0ms",
-                "none",
-                "ease",
-                "normal",
-                "running",
-                "auto"
-            ],
-            "properties": {
-                "animation-name": {
-                    "keywords": [
-                        "none"
-                    ],
-                    "default": [
-                        "none"
-                    ],
-                    "types": [
-                        "Iden"
-                    ]
-                },
-                "animation-duration": {
-                    "keywords": [
-                        "auto"
-                    ],
-                    "default": [
-                        "0s",
-                        "0ms",
-                        "auto"
-                    ],
-                    "types": [
-                        "Time"
-                    ],
-                    "mapping": {
-                        "auto": "0s"
-                    }
-                },
-                "animation-timing-function": {
-                    "keywords": [
-                        "ease",
-                        "ease-in",
-                        "ease-out",
-                        "ease-in-out",
-                        "linear",
-                        "step-start",
-                        "step-end"
-                    ],
-                    "default": [
-                        "ease"
-                    ],
-                    "types": [
-                        "TimingFunction"
-                    ],
-                    "mapping": {
-                        "cubic-bezier(.25,.1,.25,1)": "ease",
-                        "cubic-bezier(0,0,1,1)": "linear",
-                        "cubic-bezier(.42,0,1,1)": "ease-in",
-                        "cubic-bezier(0,0,.58,1)": "ease-out",
-                        "cubic-bezier(.42,0,.58,.42)": "ease-in-out"
-                    }
-                },
-                "animation-delay": {
-                    "keywords": [],
-                    "default": [
-                        "0s",
-                        "0ms"
-                    ],
-                    "types": [
-                        "Time"
-                    ]
-                },
-                "animation-iteration-count": {
-                    "keywords": [
-                        "infinite"
-                    ],
-                    "default": [
-                        "1"
-                    ],
-                    "types": [
-                        "Number"
-                    ]
-                },
-                "animation-direction": {
-                    "keywords": [
-                        "normal",
-                        "reverse",
-                        "alternate",
-                        "alternate-reverse"
-                    ],
-                    "default": [
-                        "normal"
-                    ],
-                    "types": []
-                },
-                "animation-fill-mode": {
-                    "keywords": [
-                        "none",
-                        "forwards",
-                        "backwards",
-                        "both"
-                    ],
-                    "default": [
-                        "none"
-                    ],
-                    "types": []
-                },
-                "animation-play-state": {
-                    "keywords": [
-                        "running",
-                        "paused"
-                    ],
-                    "default": [
-                        "running"
-                    ],
-                    "types": []
-                },
-                "animation-timeline": {
-                    "keywords": [
-                        "none",
-                        "auto"
-                    ],
-                    "default": [
-                        "auto"
-                    ],
-                    "types": [
-                        "DashedIden",
-                        "TimelineFunction"
-                    ]
-                }
-            }
-        },
-        "animation-name": {
-            "shorthand": "animation"
-        },
-        "animation-duration": {
-            "shorthand": "animation"
-        },
-        "animation-timing-function": {
-            "shorthand": "animation"
-        },
-        "animation-delay": {
-            "shorthand": "animation"
-        },
-        "animation-iteration-count": {
-            "shorthand": "animation"
-        },
-        "animation-direction": {
-            "shorthand": "animation"
-        },
-        "animation-fill-mode": {
-            "shorthand": "animation"
-        },
-        "animation-play-state": {
-            "shorthand": "animation"
-        },
-        "animation-timeline": {
-            "shorthand": "animation"
-        },
-        "text-emphasis": {
-            "shorthand": "text-emphasis",
-            "pattern": "text-emphasis-color text-emphasis-style",
-            "default": [
-                "none",
-                "currentcolor"
-            ],
-            "properties": {
-                "text-emphasis-style": {
-                    "keywords": [
-                        "none",
-                        "filled",
-                        "open",
-                        "dot",
-                        "circle",
-                        "double-circle",
-                        "triangle",
-                        "sesame"
-                    ],
-                    "default": [
-                        "none"
-                    ],
-                    "types": [
-                        "String"
-                    ]
-                },
-                "text-emphasis-color": {
-                    "default": [
-                        "currentcolor"
-                    ],
-                    "types": [
-                        "Color"
-                    ]
-                }
-            }
-        },
-        "text-emphasis-style": {
-            "shorthand": "text-emphasis"
-        },
-        "text-emphasis-color": {
-            "shorthand": "text-emphasis"
-        },
-        "border": {
-            "shorthand": "border",
-            "pattern": "border-color border-style border-width",
-            "keywords": [
-                "none"
-            ],
-            "default": [
-                "0",
-                "none"
-            ],
-            "properties": {
-                "border-color": {
-                    "types": [
-                        "Color"
-                    ],
-                    "default": [
-                        "currentcolor"
-                    ],
-                    "keywords": []
-                },
-                "border-style": {
-                    "types": [],
-                    "default": [
-                        "none"
-                    ],
-                    "keywords": [
-                        "none",
-                        "hidden",
-                        "dotted",
-                        "dashed",
-                        "solid",
-                        "double",
-                        "groove",
-                        "ridge",
-                        "inset",
-                        "outset"
-                    ]
-                },
-                "border-width": {
-                    "types": [
-                        "Length",
-                        "Perc"
-                    ],
-                    "default": [
-                        "medium"
-                    ],
-                    "keywords": [
-                        "thin",
-                        "medium",
-                        "thick"
-                    ]
-                }
-            }
-        },
-        "border-color": {
-            "shorthand": "border"
-        },
-        "border-style": {
-            "shorthand": "border"
-        },
-        "border-width": {
-            "shorthand": "border"
-        },
-        "list-style": {
-            "shorthand": "list-style",
-            "pattern": "list-style-type list-style-position list-style-image",
-            "keywords": [
-                "none",
-                "outside"
-            ],
-            "default": [
-                "none",
-                "outside"
-            ],
-            "properties": {
-                "list-style-position": {
-                    "types": [],
-                    "default": [
-                        "outside"
-                    ],
-                    "keywords": [
-                        "inside",
-                        "outside"
-                    ]
-                },
-                "list-style-image": {
-                    "default": [
-                        "none"
-                    ],
-                    "keywords": [
-                        "node"
-                    ],
-                    "types": [
-                        "UrlFunc",
-                        "ImageFunc"
-                    ]
-                },
-                "list-style-type": {
-                    "types": [
-                        "String",
-                        "Iden",
-                        "Symbols"
-                    ],
-                    "default": [
-                        "disc"
-                    ],
-                    "keywords": [
-                        "disc",
-                        "circle",
-                        "square",
-                        "decimal",
-                        "decimal-leading-zero",
-                        "lower-roman",
-                        "upper-roman",
-                        "lower-greek",
-                        "lower-latin",
-                        "upper-latin",
-                        "none"
-                    ]
-                }
-            }
-        },
-        "list-style-position": {
-            "shorthand": "list-style"
-        },
-        "list-style-image": {
-            "shorthand": "list-style"
-        },
-        "list-style-type": {
-            "shorthand": "list-style"
-        },
-        "overflow": {
-            "shorthand": "overflow",
-            "pattern": "overflow-x overflow-y",
-            "keywords": [
-                "auto",
-                "visible",
-                "hidden",
-                "clip",
-                "scroll"
-            ],
-            "default": [],
-            "mapping": {
-                "visible visible": "visible",
-                "auto auto": "auto",
-                "hidden hidden": "hidden",
-                "scroll scroll": "scroll"
-            },
-            "properties": {
-                "overflow-x": {
-                    "default": [],
-                    "types": [],
-                    "keywords": [
-                        "auto",
-                        "visible",
-                        "hidden",
-                        "clip",
-                        "scroll"
-                    ]
-                },
-                "overflow-y": {
-                    "default": [],
-                    "types": [],
-                    "keywords": [
-                        "auto",
-                        "visible",
-                        "hidden",
-                        "clip",
-                        "scroll"
-                    ]
-                }
-            }
-        },
-        "overflow-x": {
-            "shorthand": "overflow"
-        },
-        "overflow-y": {
-            "shorthand": "overflow"
-        },
-        "outline": {
-            "shorthand": "outline",
-            "pattern": "outline-color outline-style outline-width",
-            "keywords": [
-                "none"
-            ],
-            "default": [
-                "0",
-                "none",
-                "currentcolor"
-            ],
-            "properties": {
-                "outline-color": {
-                    "types": [
-                        "Color"
-                    ],
-                    "default": [
-                        "currentcolor"
-                    ],
-                    "keywords": [
-                        "currentcolor"
-                    ]
-                },
-                "outline-style": {
-                    "types": [],
-                    "default": [
-                        "none"
-                    ],
-                    "keywords": [
-                        "auto",
-                        "none",
-                        "dotted",
-                        "dashed",
-                        "solid",
-                        "double",
-                        "groove",
-                        "ridge",
-                        "inset",
-                        "outset"
-                    ]
-                },
-                "outline-width": {
-                    "types": [
-                        "Length",
-                        "Perc"
-                    ],
-                    "default": [
-                        "medium"
-                    ],
-                    "keywords": [
-                        "thin",
-                        "medium",
-                        "thick"
-                    ]
-                }
-            }
-        },
-        "outline-color": {
-            "shorthand": "outline"
-        },
-        "outline-style": {
-            "shorthand": "outline"
-        },
-        "outline-width": {
-            "shorthand": "outline"
-        },
-        "font": {
-            "shorthand": "font",
-            "pattern": "font-weight font-style font-size line-height font-stretch font-variant font-family",
-            "keywords": [
-                "caption",
-                "icon",
-                "menu",
-                "message-box",
-                "small-caption",
-                "status-bar",
-                "-moz-window, ",
-                "-moz-document, ",
-                "-moz-desktop, ",
-                "-moz-info, ",
-                "-moz-dialog",
-                "-moz-button",
-                "-moz-pull-down-menu",
-                "-moz-list",
-                "-moz-field"
-            ],
-            "default": [],
-            "properties": {
-                "font-weight": {
-                    "types": [
-                        "Number"
-                    ],
-                    "default": [
-                        "400",
-                        "normal"
-                    ],
-                    "keywords": [
-                        "normal",
-                        "bold",
-                        "lighter",
-                        "bolder"
-                    ],
-                    "constraints": {
-                        "value": {
-                            "min": "1",
-                            "max": "1000"
-                        }
-                    },
-                    "mapping": {
-                        "thin": "100",
-                        "hairline": "100",
-                        "extra light": "200",
-                        "ultra light": "200",
-                        "light": "300",
-                        "normal": "400",
-                        "regular": "400",
-                        "medium": "500",
-                        "semi bold": "600",
-                        "demi bold": "600",
-                        "bold": "700",
-                        "extra bold": "800",
-                        "ultra bold": "800",
-                        "black": "900",
-                        "heavy": "900",
-                        "extra black": "950",
-                        "ultra black": "950"
-                    }
-                },
-                "font-style": {
-                    "types": [
-                        "Angle"
-                    ],
-                    "default": [
-                        "normal"
-                    ],
-                    "keywords": [
-                        "normal",
-                        "italic",
-                        "oblique"
-                    ]
-                },
-                "font-size": {
-                    "types": [
-                        "Length",
-                        "Perc"
-                    ],
-                    "default": [],
-                    "keywords": [
-                        "xx-small",
-                        "x-small",
-                        "small",
-                        "medium",
-                        "large",
-                        "x-large",
-                        "xx-large",
-                        "xxx-large",
-                        "larger",
-                        "smaller"
-                    ],
-                    "required": true
-                },
-                "line-height": {
-                    "types": [
-                        "Length",
-                        "Perc",
-                        "Number"
-                    ],
-                    "default": [
-                        "normal"
-                    ],
-                    "keywords": [
-                        "normal"
-                    ],
-                    "previous": "font-size",
-                    "prefix": {
-                        "typ": "Literal",
-                        "val": "/"
-                    }
-                },
-                "font-stretch": {
-                    "types": [
-                        "Perc"
-                    ],
-                    "default": [
-                        "normal"
-                    ],
-                    "keywords": [
-                        "ultra-condensed",
-                        "extra-condensed",
-                        "condensed",
-                        "semi-condensed",
-                        "normal",
-                        "semi-expanded",
-                        "expanded",
-                        "extra-expanded",
-                        "ultra-expanded"
-                    ],
-                    "mapping": {
-                        "ultra-condensed": "50%",
-                        "extra-condensed": "62.5%",
-                        "condensed": "75%",
-                        "semi-condensed": "87.5%",
-                        "normal": "100%",
-                        "semi-expanded": "112.5%",
-                        "expanded": "125%",
-                        "extra-expanded": "150%",
-                        "ultra-expanded": "200%"
-                    }
-                },
-                "font-variant": {
-                    "types": [],
-                    "default": [
-                        "normal"
-                    ],
-                    "keywords": [
-                        "normal",
-                        "none",
-                        "common-ligatures",
-                        "no-common-ligatures",
-                        "discretionary-ligatures",
-                        "no-discretionary-ligatures",
-                        "historical-ligatures",
-                        "no-historical-ligatures",
-                        "contextual",
-                        "no-contextual",
-                        "historical-forms",
-                        "small-caps",
-                        "all-small-caps",
-                        "petite-caps",
-                        "all-petite-caps",
-                        "unicase",
-                        "titling-caps",
-                        "ordinal",
-                        "slashed-zero",
-                        "lining-nums",
-                        "oldstyle-nums",
-                        "proportional-nums",
-                        "tabular-nums",
-                        "diagonal-fractions",
-                        "stacked-fractions",
-                        "ordinal",
-                        "slashed-zero",
-                        "ruby",
-                        "jis78",
-                        "jis83",
-                        "jis90",
-                        "jis04",
-                        "simplified",
-                        "traditional",
-                        "full-width",
-                        "proportional-width",
-                        "ruby",
-                        "sub",
-                        "super",
-                        "text",
-                        "emoji",
-                        "unicode"
-                    ]
-                },
-                "font-family": {
-                    "types": [
-                        "String",
-                        "Iden"
-                    ],
-                    "default": [],
-                    "keywords": [
-                        "serif",
-                        "sans-serif",
-                        "monospace",
-                        "cursive",
-                        "fantasy",
-                        "system-ui",
-                        "ui-serif",
-                        "ui-sans-serif",
-                        "ui-monospace",
-                        "ui-rounded",
-                        "math",
-                        "emoji",
-                        "fangsong"
-                    ],
-                    "required": true,
-                    "multiple": true,
-                    "separator": {
-                        "typ": "Comma"
-                    }
-                }
-            }
-        },
-        "font-weight": {
-            "shorthand": "font"
-        },
-        "font-style": {
-            "shorthand": "font"
-        },
-        "font-size": {
-            "shorthand": "font"
-        },
-        "line-height": {
-            "shorthand": "font"
-        },
-        "font-stretch": {
-            "shorthand": "font"
-        },
-        "font-variant": {
-            "shorthand": "font"
-        },
-        "font-family": {
-            "shorthand": "font"
-        },
-        "background": {
-            "shorthand": "background",
-            "pattern": "background-attachment background-origin background-clip background-color background-image background-repeat background-position background-size",
-            "keywords": [
-                "none"
-            ],
-            "default": [
-                "0 0",
-                "none",
-                "auto",
-                "repeat",
-                "transparent",
-                "#0000",
-                "scroll",
-                "padding-box",
-                "border-box"
-            ],
-            "multiple": true,
-            "set": {
-                "background-origin": [
-                    "background-clip"
-                ]
-            },
-            "separator": {
-                "typ": "Comma"
-            },
-            "properties": {
-                "background-repeat": {
-                    "types": [],
-                    "default": [
-                        "repeat"
-                    ],
-                    "multiple": true,
-                    "keywords": [
-                        "repeat-x",
-                        "repeat-y",
-                        "repeat",
-                        "space",
-                        "round",
-                        "no-repeat"
-                    ],
-                    "mapping": {
-                        "repeat no-repeat": "repeat-x",
-                        "no-repeat repeat": "repeat-y",
-                        "repeat repeat": "repeat",
-                        "space space": "space",
-                        "round round": "round",
-                        "no-repeat no-repeat": "no-repeat"
-                    }
-                },
-                "background-color": {
-                    "types": [
-                        "Color"
-                    ],
-                    "default": [
-                        "#0000",
-                        "transparent"
-                    ],
-                    "multiple": true,
-                    "keywords": []
-                },
-                "background-image": {
-                    "types": [
-                        "UrlFunc",
-                        "ImageFunc"
-                    ],
-                    "default": [
-                        "none"
-                    ],
-                    "keywords": [
-                        "none"
-                    ]
-                },
-                "background-attachment": {
-                    "types": [],
-                    "default": [
-                        "scroll"
-                    ],
-                    "multiple": true,
-                    "keywords": [
-                        "scroll",
-                        "fixed",
-                        "local"
-                    ]
-                },
-                "background-clip": {
-                    "types": [],
-                    "default": [
-                        "border-box"
-                    ],
-                    "multiple": true,
-                    "keywords": [
-                        "border-box",
-                        "padding-box",
-                        "content-box",
-                        "text"
-                    ]
-                },
-                "background-origin": {
-                    "types": [],
-                    "default": [
-                        "padding-box"
-                    ],
-                    "multiple": true,
-                    "keywords": [
-                        "border-box",
-                        "padding-box",
-                        "content-box"
-                    ]
-                },
-                "background-position": {
-                    "multiple": true,
-                    "types": [
-                        "Perc",
-                        "Length"
-                    ],
-                    "default": [
-                        "0 0",
-                        "top left",
-                        "left top"
-                    ],
-                    "keywords": [
-                        "top",
-                        "left",
-                        "center",
-                        "bottom",
-                        "right"
-                    ],
-                    "mapping": {
-                        "left": "0",
-                        "top": "0",
-                        "center": "50%",
-                        "center center": "50%",
-                        "50% 50%": "50%",
-                        "bottom": "100%",
-                        "right": "100%"
-                    },
-                    "constraints": {
-                        "mapping": {
-                            "max": 2
-                        }
-                    }
-                },
-                "background-size": {
-                    "multiple": true,
-                    "previous": "background-position",
-                    "prefix": {
-                        "typ": "Literal",
-                        "val": "/"
-                    },
-                    "types": [
-                        "Perc",
-                        "Length"
-                    ],
-                    "default": [
-                        "auto",
-                        "auto auto"
-                    ],
-                    "keywords": [
-                        "auto",
-                        "cover",
-                        "contain"
-                    ],
-                    "mapping": {
-                        "auto auto": "auto"
-                    }
-                }
-            }
-        },
-        "background-repeat": {
-            "shorthand": "background"
-        },
-        "background-color": {
-            "shorthand": "background"
-        },
-        "background-image": {
-            "shorthand": "background"
-        },
-        "background-attachment": {
-            "shorthand": "background"
-        },
-        "background-clip": {
-            "shorthand": "background"
-        },
-        "background-origin": {
-            "shorthand": "background"
-        },
-        "background-position": {
-            "shorthand": "background"
-        },
-        "background-size": {
-            "shorthand": "background"
-        }
-    },
-    "property": {
-        "transform-origin": {
-            "pattern": [
-                [
-                    "left|center|right",
-                    "top|center|bottom",
-                    "<length>"
-                ],
-                [
-                    "left|center|right",
-                    "top|center|bottom"
-                ],
-                [
-                    "center|left|right|center|top|bottom|<length>"
-                ]
-            ],
-            "mapping": {
-                "center": {
-                    "typ": "Perc",
-                    "val": 50
-                },
-                "left": {
-                    "typ": "Perc",
-                    "val": 0
-                },
-                "right": {
-                    "typ": "Perc",
-                    "val": 100
-                },
-                "top": {
-                    "typ": "Perc",
-                    "val": 0
-                },
-                "bottom": {
-                    "typ": "Perc",
-                    "val": 100
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/lib/data/properties.json b/src/lib/data/properties.json
new file mode 100644
index 00000000..5381a35d
--- /dev/null
+++ b/src/lib/data/properties.json
@@ -0,0 +1 @@
+{"properties":{"gap":{"shorthand":"gap","properties":["row-gap","column-gap"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["normal"]},"row-gap":{"shorthand":"gap"},"column-gap":{"shorthand":"gap"},"inset":{"shorthand":"inset","properties":["top","right","bottom","left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"top":{"shorthand":"inset"},"right":{"shorthand":"inset"},"bottom":{"shorthand":"inset"},"left":{"shorthand":"inset"},"margin":{"shorthand":"margin","properties":["margin-top","margin-right","margin-bottom","margin-left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"margin-top":{"shorthand":"margin"},"margin-right":{"shorthand":"margin"},"margin-bottom":{"shorthand":"margin"},"margin-left":{"shorthand":"margin"},"padding":{"shorthand":"padding","properties":["padding-top","padding-right","padding-bottom","padding-left"],"types":["Length","Perc"],"keywords":[]},"padding-top":{"shorthand":"padding"},"padding-right":{"shorthand":"padding"},"padding-bottom":{"shorthand":"padding"},"padding-left":{"shorthand":"padding"},"scroll-margin":{"shorthand":"scroll-margin","properties":["scroll-margin-top","scroll-margin-right","scroll-margin-bottom","scroll-margin-left"],"types":["Length","Perc"],"default":["0"],"keywords":["auto"]},"scroll-margin-top":{"shorthand":"scroll-margin"},"scroll-margin-right":{"shorthand":"scroll-margin"},"scroll-margin-bottom":{"shorthand":"scroll-margin"},"scroll-margin-left":{"shorthand":"scroll-margin"},"scroll-padding":{"shorthand":"scroll-padding","properties":["scroll-padding-top","scroll-padding-right","scroll-padding-bottom","scroll-padding-left"],"types":["Length","Perc"],"keywords":["auto"]},"scroll-padding-top":{"shorthand":"scroll-padding"},"scroll-padding-right":{"shorthand":"scroll-padding"},"scroll-padding-bottom":{"shorthand":"scroll-padding"},"scroll-padding-left":{"shorthand":"scroll-padding"},"border-radius":{"shorthand":"border-radius","properties":["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"],"types":["Length","Perc"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"keywords":[]},"border-top-left-radius":{"shorthand":"border-radius"},"border-top-right-radius":{"shorthand":"border-radius"},"border-bottom-right-radius":{"shorthand":"border-radius"},"border-bottom-left-radius":{"shorthand":"border-radius"},"border-width":{"shorthand":"border-width","map":"border","properties":["border-top-width","border-right-width","border-bottom-width","border-left-width"],"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]},"border-top-width":{"map":"border","shorthand":"border-width"},"border-right-width":{"map":"border","shorthand":"border-width"},"border-bottom-width":{"map":"border","shorthand":"border-width"},"border-left-width":{"map":"border","shorthand":"border-width"},"border-style":{"shorthand":"border-style","map":"border","properties":["border-top-style","border-right-style","border-bottom-style","border-left-style"],"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-top-style":{"map":"border","shorthand":"border-style"},"border-right-style":{"map":"border","shorthand":"border-style"},"border-bottom-style":{"map":"border","shorthand":"border-style"},"border-left-style":{"map":"border","shorthand":"border-style"},"border-color":{"shorthand":"border-color","map":"border","properties":["border-top-color","border-right-color","border-bottom-color","border-left-color"],"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-top-color":{"map":"border","shorthand":"border-color"},"border-right-color":{"map":"border","shorthand":"border-color"},"border-bottom-color":{"map":"border","shorthand":"border-color"},"border-left-color":{"map":"border","shorthand":"border-color"},"grid-row":{"shorthand":"grid-row","properties":["grid-row-start","grid-row-end"],"types":["Iden","Number"],"multiple":true,"valueSeparator":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto","span"]},"grid-row-start":{"shorthand":"grid-row"},"grid-row-end":{"shorthand":"grid-row"}},"map":{"flex-flow":{"shorthand":"flex-flow","pattern":"flex-direction flex-wrap","keywords":[],"default":["row","nowrap"],"properties":{"flex-direction":{"keywords":["row","row-reverse","column","column-reverse"],"default":["row"],"types":[]},"flex-wrap":{"keywords":["wrap","nowrap","wrap-reverse"],"default":["nowrap"],"types":[]}}},"flex-direction":{"shorthand":"flex-flow"},"flex-wrap":{"shorthand":"flex-flow"},"scroll-timeline":{"shorthand":"scroll-timeline","pattern":"scroll-timeline-name scroll-timeline-axis","keywords":["none","block","inline","x","y"],"default":["none","block"],"properties":{"scroll-timeline-name":{"keywords":["none"],"default":["none"],"types":["DashedIden"]},"scroll-timeline-axis":{"keywords":["block","inline","x","y"],"default":["block"],"types":[]}}},"scroll-timeline-name":{"shorthand":"scroll-timeline"},"scroll-timeline-axis":{"shorthand":"scroll-timeline"},"container":{"shorthand":"container","pattern":"container-name container-type","keywords":[],"default":[],"properties":{"container-name":{"required":true,"multiple":true,"keywords":["none"],"default":["none"],"types":["Iden","DashedIden"]},"container-type":{"previous":"container-name","prefix":{"typ":"Literal","val":"/"},"keywords":["size","inline-size","normal"],"default":["normal"],"types":[]}}},"container-name":{"shorthand":"container"},"container-type":{"shorthand":"container"},"flex":{"shorthand":"flex","pattern":"flex-grow flex-shrink flex-basis","keywords":["auto","none","initial"],"default":[],"mapping":{"0 1 auto":"initial","0 0 auto":"none","1 1 auto":"auto"},"properties":{"flex-grow":{"required":true,"keywords":[],"default":[],"types":["Number"]},"flex-shrink":{"keywords":[],"default":[],"types":["Number"]},"flex-basis":{"keywords":["max-content","min-content","fit-content","fit-content","content","auto"],"default":[],"types":["Length","Perc"]}}},"flex-grow":{"shorthand":"flex"},"flex-shrink":{"shorthand":"flex"},"flex-basis":{"shorthand":"flex"},"columns":{"shorthand":"columns","pattern":"column-count column-width","keywords":["auto"],"default":["auto","auto auto"],"properties":{"column-count":{"keywords":["auto"],"default":["auto"],"types":["Number"]},"column-width":{"keywords":["auto"],"default":["auto"],"types":["Length"]}}},"column-count":{"shorthand":"columns"},"column-width":{"shorthand":"columns"},"transition":{"shorthand":"transition","multiple":true,"separator":{"typ":"Comma"},"pattern":"transition-property transition-duration transition-timing-function transition-delay transition-behavior","keywords":["none","all"],"default":["0s","0ms","all","ease","none","normal"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"},"properties":{"transition-property":{"keywords":["none","all"],"default":["all"],"types":["Iden"]},"transition-duration":{"keywords":[],"default":["0s","0ms","normal"],"types":["Time"]},"transition-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"transition-delay":{"keywords":[],"default":["0s"],"types":["Time"]},"transition-behavior":{"keywords":["normal","allow-discrete"],"default":["normal"],"types":[]}}},"transition-property":{"shorthand":"transition"},"transition-duration":{"shorthand":"transition"},"transition-timing-function":{"shorthand":"transition"},"transition-delay":{"shorthand":"transition"},"transition-behavior":{"shorthand":"transition"},"animation":{"shorthand":"animation","separator":{"typ":"Comma"},"pattern":"animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline","default":["1","0s","0ms","none","ease","normal","running","auto"],"properties":{"animation-name":{"keywords":["none"],"default":["none"],"types":["Iden"]},"animation-duration":{"keywords":["auto"],"default":["0s","0ms","auto"],"types":["Time"],"mapping":{"auto":"0s"}},"animation-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"animation-delay":{"keywords":[],"default":["0s","0ms"],"types":["Time"]},"animation-iteration-count":{"keywords":["infinite"],"default":["1"],"types":["Number"]},"animation-direction":{"keywords":["normal","reverse","alternate","alternate-reverse"],"default":["normal"],"types":[]},"animation-fill-mode":{"keywords":["none","forwards","backwards","both"],"default":["none"],"types":[]},"animation-play-state":{"keywords":["running","paused"],"default":["running"],"types":[]},"animation-timeline":{"keywords":["none","auto"],"default":["auto"],"types":["DashedIden","TimelineFunction"]}}},"animation-name":{"shorthand":"animation"},"animation-duration":{"shorthand":"animation"},"animation-timing-function":{"shorthand":"animation"},"animation-delay":{"shorthand":"animation"},"animation-iteration-count":{"shorthand":"animation"},"animation-direction":{"shorthand":"animation"},"animation-fill-mode":{"shorthand":"animation"},"animation-play-state":{"shorthand":"animation"},"animation-timeline":{"shorthand":"animation"},"text-emphasis":{"shorthand":"text-emphasis","pattern":"text-emphasis-color text-emphasis-style","default":["none","currentcolor"],"properties":{"text-emphasis-style":{"keywords":["none","filled","open","dot","circle","double-circle","triangle","sesame"],"default":["none"],"types":["String"]},"text-emphasis-color":{"default":["currentcolor"],"types":["Color"]}}},"text-emphasis-style":{"shorthand":"text-emphasis"},"text-emphasis-color":{"shorthand":"text-emphasis"},"border":{"shorthand":"border","pattern":"border-color border-style border-width","keywords":["none"],"default":["0","none"],"properties":{"border-color":{"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-style":{"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"border-color":{"shorthand":"border"},"border-style":{"shorthand":"border"},"border-width":{"shorthand":"border"},"list-style":{"shorthand":"list-style","pattern":"list-style-type list-style-position list-style-image","keywords":["none","outside"],"default":["none","outside"],"properties":{"list-style-position":{"types":[],"default":["outside"],"keywords":["inside","outside"]},"list-style-image":{"default":["none"],"keywords":["node"],"types":["UrlFunc","ImageFunc"]},"list-style-type":{"types":["String","Iden","Symbols"],"default":["disc"],"keywords":["disc","circle","square","decimal","decimal-leading-zero","lower-roman","upper-roman","lower-greek","lower-latin","upper-latin","none"]}}},"list-style-position":{"shorthand":"list-style"},"list-style-image":{"shorthand":"list-style"},"list-style-type":{"shorthand":"list-style"},"overflow":{"shorthand":"overflow","pattern":"overflow-x overflow-y","keywords":["auto","visible","hidden","clip","scroll"],"default":[],"mapping":{"visible visible":"visible","auto auto":"auto","hidden hidden":"hidden","scroll scroll":"scroll"},"properties":{"overflow-x":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]},"overflow-y":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]}}},"overflow-x":{"shorthand":"overflow"},"overflow-y":{"shorthand":"overflow"},"outline":{"shorthand":"outline","pattern":"outline-color outline-style outline-width","keywords":["none"],"default":["0","none","currentcolor"],"properties":{"outline-color":{"types":["Color"],"default":["currentcolor"],"keywords":["currentcolor"]},"outline-style":{"types":[],"default":["none"],"keywords":["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"outline-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"outline-color":{"shorthand":"outline"},"outline-style":{"shorthand":"outline"},"outline-width":{"shorthand":"outline"},"font":{"shorthand":"font","pattern":"font-weight font-style font-size line-height font-stretch font-variant font-family","keywords":["caption","icon","menu","message-box","small-caption","status-bar","-moz-window, ","-moz-document, ","-moz-desktop, ","-moz-info, ","-moz-dialog","-moz-button","-moz-pull-down-menu","-moz-list","-moz-field"],"default":[],"properties":{"font-weight":{"types":["Number"],"default":["400","normal"],"keywords":["normal","bold","lighter","bolder"],"constraints":{"value":{"min":"1","max":"1000"}},"mapping":{"thin":"100","hairline":"100","extra light":"200","ultra light":"200","light":"300","normal":"400","regular":"400","medium":"500","semi bold":"600","demi bold":"600","bold":"700","extra bold":"800","ultra bold":"800","black":"900","heavy":"900","extra black":"950","ultra black":"950"}},"font-style":{"types":["Angle"],"default":["normal"],"keywords":["normal","italic","oblique"]},"font-size":{"types":["Length","Perc"],"default":[],"keywords":["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","larger","smaller"],"required":true},"line-height":{"types":["Length","Perc","Number"],"default":["normal"],"keywords":["normal"],"previous":"font-size","prefix":{"typ":"Literal","val":"/"}},"font-stretch":{"types":["Perc"],"default":["normal"],"keywords":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],"mapping":{"ultra-condensed":"50%","extra-condensed":"62.5%","condensed":"75%","semi-condensed":"87.5%","normal":"100%","semi-expanded":"112.5%","expanded":"125%","extra-expanded":"150%","ultra-expanded":"200%"}},"font-variant":{"types":[],"default":["normal"],"keywords":["normal","none","common-ligatures","no-common-ligatures","discretionary-ligatures","no-discretionary-ligatures","historical-ligatures","no-historical-ligatures","contextual","no-contextual","historical-forms","small-caps","all-small-caps","petite-caps","all-petite-caps","unicase","titling-caps","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","ordinal","slashed-zero","ruby","jis78","jis83","jis90","jis04","simplified","traditional","full-width","proportional-width","ruby","sub","super","text","emoji","unicode"]},"font-family":{"types":["String","Iden"],"default":[],"keywords":["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"],"required":true,"multiple":true,"separator":{"typ":"Comma"}}}},"font-weight":{"shorthand":"font"},"font-style":{"shorthand":"font"},"font-size":{"shorthand":"font"},"line-height":{"shorthand":"font"},"font-stretch":{"shorthand":"font"},"font-variant":{"shorthand":"font"},"font-family":{"shorthand":"font"},"background":{"shorthand":"background","pattern":"background-attachment background-origin background-clip background-color background-image background-repeat background-position background-size","keywords":["none"],"default":["0 0","none","auto","repeat","transparent","#0000","scroll","padding-box","border-box"],"multiple":true,"set":{"background-origin":["background-clip"]},"separator":{"typ":"Comma"},"properties":{"background-repeat":{"types":[],"default":["repeat"],"multiple":true,"keywords":["repeat-x","repeat-y","repeat","space","round","no-repeat"],"mapping":{"repeat no-repeat":"repeat-x","no-repeat repeat":"repeat-y","repeat repeat":"repeat","space space":"space","round round":"round","no-repeat no-repeat":"no-repeat"}},"background-color":{"types":["Color"],"default":["#0000","transparent"],"multiple":true,"keywords":[]},"background-image":{"types":["UrlFunc","ImageFunc"],"default":["none"],"keywords":["none"]},"background-attachment":{"types":[],"default":["scroll"],"multiple":true,"keywords":["scroll","fixed","local"]},"background-clip":{"types":[],"default":["border-box"],"multiple":true,"keywords":["border-box","padding-box","content-box","text"]},"background-origin":{"types":[],"default":["padding-box"],"multiple":true,"keywords":["border-box","padding-box","content-box"]},"background-position":{"multiple":true,"types":["Perc","Length"],"default":["0 0","top left","left top"],"keywords":["top","left","center","bottom","right"],"mapping":{"left":"0","top":"0","center":"50%","center center":"50%","50% 50%":"50%","bottom":"100%","right":"100%"},"constraints":{"mapping":{"max":2}}},"background-size":{"multiple":true,"previous":"background-position","prefix":{"typ":"Literal","val":"/"},"types":["Perc","Length"],"default":["auto","auto auto"],"keywords":["auto","cover","contain"],"mapping":{"auto auto":"auto"}}}},"background-repeat":{"shorthand":"background"},"background-color":{"shorthand":"background"},"background-image":{"shorthand":"background"},"background-attachment":{"shorthand":"background"},"background-clip":{"shorthand":"background"},"background-origin":{"shorthand":"background"},"background-position":{"shorthand":"background"},"background-size":{"shorthand":"background"}},"property":{"transform-origin":{"pattern":[["left|center|right","top|center|bottom","<length>"],["left|center|right","top|center|bottom"],["center|left|right|center|top|bottom|<length>"]],"mapping":{"center":{"typ":"Perc","val":50},"left":{"typ":"Perc","val":0},"right":{"typ":"Perc","val":100},"top":{"typ":"Perc","val":0},"bottom":{"typ":"Perc","val":100}}}}}
\ No newline at end of file
diff --git a/src/lib/validation/config.json b/src/lib/data/validation.json
similarity index 99%
rename from src/lib/validation/config.json
rename to src/lib/data/validation.json
index e921ec66..018c99c2 100644
--- a/src/lib/validation/config.json
+++ b/src/lib/data/validation.json
@@ -1585,7 +1585,7 @@
    "syntax": "none | nearest"
   },
   "scroll-margin": {
-   "syntax": "<length>{1,4}"
+   "syntax": " <length>{1,4}"
   },
   "scroll-margin-block": {
    "syntax": "<length>{1,2}"
@@ -1597,7 +1597,7 @@
    "syntax": "<length>"
   },
   "scroll-margin-bottom": {
-   "syntax": "<length>"
+   "syntax": " auto | <length-percentage [0,∞]>"
   },
   "scroll-margin-inline": {
    "syntax": "<length>{1,2}"
@@ -1609,13 +1609,13 @@
    "syntax": "<length>"
   },
   "scroll-margin-left": {
-   "syntax": "<length>"
+   "syntax": " auto | <length-percentage [0,∞]>"
   },
   "scroll-margin-right": {
-   "syntax": "<length>"
+   "syntax": " auto | <length-percentage [0,∞]>"
   },
   "scroll-margin-top": {
-   "syntax": "<length>"
+   "syntax": " auto | <length-percentage [0,∞]>"
   },
   "scroll-marker-group": {
    "syntax": "none | before | after"
@@ -1684,13 +1684,13 @@
    "syntax": "none | auto"
   },
   "scroll-timeline": {
-   "syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+   "syntax": " [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
   },
   "scroll-timeline-axis": {
-   "syntax": "[ block | inline | x | y ]#"
+   "syntax": " [ block | inline | x | y ]#"
   },
   "scroll-timeline-name": {
-   "syntax": "[ none | <dashed-ident> ]#"
+   "syntax": " [ none | <dashed-ident> ]#"
   },
   "scrollbar-color": {
    "syntax": "auto | <color>{2}"
@@ -2183,6 +2183,9 @@
   "acos": {
    "syntax": "acos( <calc-sum> )"
   },
+  "alpha": {
+   "syntax": "alpha( from <color> / [ <alpha-value> | none ] )"
+  },
   "anchor": {
    "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
   },
diff --git a/src/lib/parser/arena.ts b/src/lib/parser/arena.ts
deleted file mode 100644
index 1102e838..00000000
--- a/src/lib/parser/arena.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { StringInterner } from "./utils/intern.ts";
-
-class ArenaData {
-    private count: number = 0;
-    private nodes: Uint32Array;
-    /**
-     * node token properties data: example
-     *  - Color(kind[ColorType], cal: ["rel" | "mix" | "col"])
-     *  - pointer to the first node token (parsed node selector, parsed prelude)
-     * 
-     */
-    private data: Uint32Array;
-    private source: Uint8Array;
-
-    private nodeView: DataView;
-    private dataView: DataView;
-
-    private strings: StringInterner = new StringInterner();
-
-    constructor(size: number = 1024) {
-        this.nodes = new Uint32Array(size);
-        this.data = new Uint32Array(size);
-        this.source = new Uint8Array(5);
-
-        this.nodeView = new DataView(this.nodes.buffer);
-        this.dataView = new DataView(this.data.buffer);
-        this.strings = new StringInterner();
-    }
-
-    allocate(kind: number, node: number, parent: number, data: number, source: number) {
-        if (this.count === this.nodes.length) {
-            this.grow();
-        }
-        this.nodes[this.count] = node;
-        this.data[this.count] = data;
-        this.source[this.count] = source;
-        return this.count++;
-    }
-
-    private grow() {
-        const nodes = new Uint32Array(this.nodes.length * 2);
-        const data = new Uint32Array(this.data.length * 2);
-
-        nodes.set(this.nodes);
-        data.set(this.data);
-
-        this.nodes = nodes;
-        this.data = data;
-
-        this.nodeView = new DataView(this.nodes.buffer);
-        this.dataView = new DataView(this.data.buffer);
-    }
-}
diff --git a/src/lib/parser/utils/config.ts b/src/lib/parser/utils/config.ts
index 7706c22b..0714b324 100644
--- a/src/lib/parser/utils/config.ts
+++ b/src/lib/parser/utils/config.ts
@@ -1,6 +1,6 @@
-import config from '../../../config.json' with {type: 'json'};
-import type {PropertiesConfig} from "../../../@types/index.d.ts";
+import config from "../../data/properties.json" with { type: "json" };
+import type { PropertiesConfig } from "../../../@types/index.d.ts";
 
 Object.freeze(config);
 // @ts-expect-error
-export const getConfig = () => <PropertiesConfig>config;
\ No newline at end of file
+export const getConfig = () => <PropertiesConfig>config;
diff --git a/src/lib/renderer/render.ts b/src/lib/renderer/render.ts
index 88f51b85..2fb2fd26 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -817,10 +817,8 @@ export function renderValue(
             }
 
             if (Array.isArray((token as ColorToken).chi)) {
-                const fnName: string = (token as ColorToken).val.toLowerCase();
-                const isLegacy: boolean = ["rgb", "rgba", "hsl", "hsla"].includes(
-                    (token as ColorToken).val.toLowerCase(),
-                );
+                const fnName: string = (token as ColorToken).val;
+                const isLegacy: boolean = ["rgb", "rgba", "hsl", "hsla"].includes((token as ColorToken).val);
                 const hasAlpha: boolean = [
                     "rgb",
                     "rgba",
diff --git a/src/lib/validation/json.ts b/src/lib/validation/json.ts
index 7c890bb0..4a659d80 100644
--- a/src/lib/validation/json.ts
+++ b/src/lib/validation/json.ts
@@ -1,4 +1,2 @@
-
-
-import config from "./config.json" with { type: "json" };
-export {config};
+import config from "../data/validation.json" with { type: "json" };
+export { config };

From 20f608b25f6c8dac4f1433b925f7a2bd2599637e Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 3 Sep 2026 17:46:03 -0400
Subject: [PATCH 7/8] adding automated tests

---
 CHANGELOG.md                     |   2 +-
 dist/index-umd-web.js            |  83 +++++++++--
 dist/index.cjs                   |  83 +++++++++--
 dist/lib/data/properties.json.js |  59 ++++++++
 dist/lib/data/validation.json.js |  10 +-
 dist/lib/syntax/color/cmyk.js    |   7 +-
 dist/lib/syntax/color/srgb.js    |   7 +-
 src/lib/syntax/color/cmyk.ts     |   7 +-
 src/lib/syntax/color/srgb.ts     |   7 +-
 test/specs/code/shorthand.js     | 242 +++++++++++++++++++++----------
 10 files changed, 393 insertions(+), 114 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f3bb5219..a1be1d68 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,7 @@
 - [x] fix bugs when computing math functions.
 - [x] reduce array mutations
 - [x] do not minify transform function when the absolute angle is greater or equals to 360deg
-- [x] spporting additional shorthands: scroll-timeline, scroll-padding, scroll-margin.
+- [x] supporting additional shorthands: scroll-timeline, scroll-padding, scroll-margin.
 
 ```css
 
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 1bc8a942..7c6c822d 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -2569,7 +2569,7 @@
     		syntax: "none | nearest"
     	},
     	"scroll-margin": {
-    		syntax: "<length>{1,4}"
+    		syntax: " <length>{1,4}"
     	},
     	"scroll-margin-block": {
     		syntax: "<length>{1,2}"
@@ -2581,7 +2581,7 @@
     		syntax: "<length>"
     	},
     	"scroll-margin-bottom": {
-    		syntax: "<length>"
+    		syntax: " auto | <length-percentage [0,∞]>"
     	},
     	"scroll-margin-inline": {
     		syntax: "<length>{1,2}"
@@ -2593,13 +2593,13 @@
     		syntax: "<length>"
     	},
     	"scroll-margin-left": {
-    		syntax: "<length>"
+    		syntax: " auto | <length-percentage [0,∞]>"
     	},
     	"scroll-margin-right": {
-    		syntax: "<length>"
+    		syntax: " auto | <length-percentage [0,∞]>"
     	},
     	"scroll-margin-top": {
-    		syntax: "<length>"
+    		syntax: " auto | <length-percentage [0,∞]>"
     	},
     	"scroll-marker-group": {
     		syntax: "none | before | after"
@@ -7954,10 +7954,11 @@
         t = components[3];
         // @ts-ignore
         const k = getNumber(t);
+        const mul = 1 - k;
         const rgb = [
-            1 - Math.min(1, c * (1 - k) + k),
-            1 - Math.min(1, m * (1 - k) + k),
-            1 - Math.min(1, y * (1 - k) + k),
+            1 - Math.min(1, c * mul + k),
+            1 - Math.min(1, m * mul + k),
+            1 - Math.min(1, y * mul + k),
         ];
         if (components.length == 5) {
             rgb.push(getNumber(components[4]));
@@ -10949,9 +10950,10 @@
     }
     function srgb2cmykvalues(r, g, b, a = null) {
         const k = 1 - Math.max(r, g, b);
-        const c = k == 1 ? 0 : (1 - r - k) / (1 - k);
-        const m = k == 1 ? 0 : (1 - g - k) / (1 - k);
-        const y = k == 1 ? 0 : (1 - b - k) / (1 - k);
+        const div = 1 - k;
+        const c = k == 1 ? 0 : (1 - r - k) / div;
+        const m = k == 1 ? 0 : (1 - g - k) / div;
+        const y = k == 1 ? 0 : (1 - b - k) / div;
         const result = [c, m, y, k];
         if (a != null && a < 1) {
             result.push(a);
@@ -17230,6 +17232,65 @@
     	"padding-left": {
     		shorthand: "padding"
     	},
+    	"scroll-margin": {
+    		shorthand: "scroll-margin",
+    		properties: [
+    			"scroll-margin-top",
+    			"scroll-margin-right",
+    			"scroll-margin-bottom",
+    			"scroll-margin-left"
+    		],
+    		types: [
+    			"Length",
+    			"Perc"
+    		],
+    		"default": [
+    			"0"
+    		],
+    		keywords: [
+    			"auto"
+    		]
+    	},
+    	"scroll-margin-top": {
+    		shorthand: "scroll-margin"
+    	},
+    	"scroll-margin-right": {
+    		shorthand: "scroll-margin"
+    	},
+    	"scroll-margin-bottom": {
+    		shorthand: "scroll-margin"
+    	},
+    	"scroll-margin-left": {
+    		shorthand: "scroll-margin"
+    	},
+    	"scroll-padding": {
+    		shorthand: "scroll-padding",
+    		properties: [
+    			"scroll-padding-top",
+    			"scroll-padding-right",
+    			"scroll-padding-bottom",
+    			"scroll-padding-left"
+    		],
+    		types: [
+    			"Length",
+    			"Perc"
+    		],
+    		keywords: [
+    			"auto"
+    		]
+    	},
+    	"scroll-padding-top": {
+    		shorthand: "scroll-padding"
+    	},
+    	"scroll-padding-right": {
+    		shorthand: "scroll-padding"
+    	},
+    	"scroll-padding-bottom": {
+    		shorthand: "scroll-padding"
+    	},
+    	"scroll-padding-left": {
+    		shorthand: "scroll-padding"
+    	},
     	"border-radius": {
     		shorthand: "border-radius",
     		properties: [
diff --git a/dist/index.cjs b/dist/index.cjs
index b00edbf3..1e952f87 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -2572,7 +2572,7 @@ var declarations = {
 		syntax: "none | nearest"
 	},
 	"scroll-margin": {
-		syntax: "<length>{1,4}"
+		syntax: " <length>{1,4}"
 	},
 	"scroll-margin-block": {
 		syntax: "<length>{1,2}"
@@ -2584,7 +2584,7 @@ var declarations = {
 		syntax: "<length>"
 	},
 	"scroll-margin-bottom": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-margin-inline": {
 		syntax: "<length>{1,2}"
@@ -2596,13 +2596,13 @@ var declarations = {
 		syntax: "<length>"
 	},
 	"scroll-margin-left": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-margin-right": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-margin-top": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-marker-group": {
 		syntax: "none | before | after"
@@ -7957,10 +7957,11 @@ function cmyk2srgbvalues(token) {
     t = components[3];
     // @ts-ignore
     const k = getNumber(t);
+    const mul = 1 - k;
     const rgb = [
-        1 - Math.min(1, c * (1 - k) + k),
-        1 - Math.min(1, m * (1 - k) + k),
-        1 - Math.min(1, y * (1 - k) + k),
+        1 - Math.min(1, c * mul + k),
+        1 - Math.min(1, m * mul + k),
+        1 - Math.min(1, y * mul + k),
     ];
     if (components.length == 5) {
         rgb.push(getNumber(components[4]));
@@ -10952,9 +10953,10 @@ function color2cmykToken(token) {
 }
 function srgb2cmykvalues(r, g, b, a = null) {
     const k = 1 - Math.max(r, g, b);
-    const c = k == 1 ? 0 : (1 - r - k) / (1 - k);
-    const m = k == 1 ? 0 : (1 - g - k) / (1 - k);
-    const y = k == 1 ? 0 : (1 - b - k) / (1 - k);
+    const div = 1 - k;
+    const c = k == 1 ? 0 : (1 - r - k) / div;
+    const m = k == 1 ? 0 : (1 - g - k) / div;
+    const y = k == 1 ? 0 : (1 - b - k) / div;
     const result = [c, m, y, k];
     if (a != null && a < 1) {
         result.push(a);
@@ -17233,6 +17235,65 @@ var properties = {
 	"padding-left": {
 		shorthand: "padding"
 	},
+	"scroll-margin": {
+		shorthand: "scroll-margin",
+		properties: [
+			"scroll-margin-top",
+			"scroll-margin-right",
+			"scroll-margin-bottom",
+			"scroll-margin-left"
+		],
+		types: [
+			"Length",
+			"Perc"
+		],
+		"default": [
+			"0"
+		],
+		keywords: [
+			"auto"
+		]
+	},
+	"scroll-margin-top": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-margin-right": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-margin-bottom": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-margin-left": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-padding": {
+		shorthand: "scroll-padding",
+		properties: [
+			"scroll-padding-top",
+			"scroll-padding-right",
+			"scroll-padding-bottom",
+			"scroll-padding-left"
+		],
+		types: [
+			"Length",
+			"Perc"
+		],
+		keywords: [
+			"auto"
+		]
+	},
+	"scroll-padding-top": {
+		shorthand: "scroll-padding"
+	},
+	"scroll-padding-right": {
+		shorthand: "scroll-padding"
+	},
+	"scroll-padding-bottom": {
+		shorthand: "scroll-padding"
+	},
+	"scroll-padding-left": {
+		shorthand: "scroll-padding"
+	},
 	"border-radius": {
 		shorthand: "border-radius",
 		properties: [
diff --git a/dist/lib/data/properties.json.js b/dist/lib/data/properties.json.js
index 13f6796a..732ea4dd 100644
--- a/dist/lib/data/properties.json.js
+++ b/dist/lib/data/properties.json.js
@@ -108,6 +108,65 @@ var properties = {
 	"padding-left": {
 		shorthand: "padding"
 	},
+	"scroll-margin": {
+		shorthand: "scroll-margin",
+		properties: [
+			"scroll-margin-top",
+			"scroll-margin-right",
+			"scroll-margin-bottom",
+			"scroll-margin-left"
+		],
+		types: [
+			"Length",
+			"Perc"
+		],
+		"default": [
+			"0"
+		],
+		keywords: [
+			"auto"
+		]
+	},
+	"scroll-margin-top": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-margin-right": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-margin-bottom": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-margin-left": {
+		shorthand: "scroll-margin"
+	},
+	"scroll-padding": {
+		shorthand: "scroll-padding",
+		properties: [
+			"scroll-padding-top",
+			"scroll-padding-right",
+			"scroll-padding-bottom",
+			"scroll-padding-left"
+		],
+		types: [
+			"Length",
+			"Perc"
+		],
+		keywords: [
+			"auto"
+		]
+	},
+	"scroll-padding-top": {
+		shorthand: "scroll-padding"
+	},
+	"scroll-padding-right": {
+		shorthand: "scroll-padding"
+	},
+	"scroll-padding-bottom": {
+		shorthand: "scroll-padding"
+	},
+	"scroll-padding-left": {
+		shorthand: "scroll-padding"
+	},
 	"border-radius": {
 		shorthand: "border-radius",
 		properties: [
diff --git a/dist/lib/data/validation.json.js b/dist/lib/data/validation.json.js
index 4c01696b..fab708a3 100644
--- a/dist/lib/data/validation.json.js
+++ b/dist/lib/data/validation.json.js
@@ -1584,7 +1584,7 @@ var declarations = {
 		syntax: "none | nearest"
 	},
 	"scroll-margin": {
-		syntax: "<length>{1,4}"
+		syntax: " <length>{1,4}"
 	},
 	"scroll-margin-block": {
 		syntax: "<length>{1,2}"
@@ -1596,7 +1596,7 @@ var declarations = {
 		syntax: "<length>"
 	},
 	"scroll-margin-bottom": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-margin-inline": {
 		syntax: "<length>{1,2}"
@@ -1608,13 +1608,13 @@ var declarations = {
 		syntax: "<length>"
 	},
 	"scroll-margin-left": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-margin-right": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-margin-top": {
-		syntax: "<length>"
+		syntax: " auto | <length-percentage [0,∞]>"
 	},
 	"scroll-marker-group": {
 		syntax: "none | before | after"
diff --git a/dist/lib/syntax/color/cmyk.js b/dist/lib/syntax/color/cmyk.js
index 7b09361b..935e3173 100644
--- a/dist/lib/syntax/color/cmyk.js
+++ b/dist/lib/syntax/color/cmyk.js
@@ -61,9 +61,10 @@ function color2cmykToken(token) {
 }
 function srgb2cmykvalues(r, g, b, a = null) {
     const k = 1 - Math.max(r, g, b);
-    const c = k == 1 ? 0 : (1 - r - k) / (1 - k);
-    const m = k == 1 ? 0 : (1 - g - k) / (1 - k);
-    const y = k == 1 ? 0 : (1 - b - k) / (1 - k);
+    const div = 1 - k;
+    const c = k == 1 ? 0 : (1 - r - k) / div;
+    const m = k == 1 ? 0 : (1 - g - k) / div;
+    const y = k == 1 ? 0 : (1 - b - k) / div;
     const result = [c, m, y, k];
     if (a != null && a < 1) {
         result.push(a);
diff --git a/dist/lib/syntax/color/srgb.js b/dist/lib/syntax/color/srgb.js
index 8523bc08..04a72655 100644
--- a/dist/lib/syntax/color/srgb.js
+++ b/dist/lib/syntax/color/srgb.js
@@ -116,10 +116,11 @@ function cmyk2srgbvalues(token) {
     t = components[3];
     // @ts-ignore
     const k = getNumber(t);
+    const mul = 1 - k;
     const rgb = [
-        1 - Math.min(1, c * (1 - k) + k),
-        1 - Math.min(1, m * (1 - k) + k),
-        1 - Math.min(1, y * (1 - k) + k),
+        1 - Math.min(1, c * mul + k),
+        1 - Math.min(1, m * mul + k),
+        1 - Math.min(1, y * mul + k),
     ];
     if (components.length == 5) {
         rgb.push(getNumber(components[4]));
diff --git a/src/lib/syntax/color/cmyk.ts b/src/lib/syntax/color/cmyk.ts
index d8239950..747e0fba 100644
--- a/src/lib/syntax/color/cmyk.ts
+++ b/src/lib/syntax/color/cmyk.ts
@@ -93,9 +93,10 @@ export function color2cmykToken(token: ColorToken): ColorToken | null {
 
 export function srgb2cmykvalues(r: number, g: number, b: number, a: number | null = null): number[] {
     const k: number = 1 - Math.max(r, g, b);
-    const c: number = k == 1 ? 0 : (1 - r - k) / (1 - k);
-    const m: number = k == 1 ? 0 : (1 - g - k) / (1 - k);
-    const y: number = k == 1 ? 0 : (1 - b - k) / (1 - k);
+    const div: number = 1 - k;
+    const c: number = k == 1 ? 0 : (1 - r - k) / div;
+    const m: number = k == 1 ? 0 : (1 - g - k) / div;
+    const y: number = k == 1 ? 0 : (1 - b - k) / div;
 
     const result: number[] = [c, m, y, k];
     if (a != null && a < 1) {
diff --git a/src/lib/syntax/color/srgb.ts b/src/lib/syntax/color/srgb.ts
index 6a862cc7..a33a251a 100644
--- a/src/lib/syntax/color/srgb.ts
+++ b/src/lib/syntax/color/srgb.ts
@@ -180,11 +180,12 @@ export function cmyk2srgbvalues(token: ColorToken): number[] | null {
 
     // @ts-ignore
     const k: number = getNumber(t);
+    const mul = 1 - k;
 
     const rgb: number[] = [
-        1 - Math.min(1, c * (1 - k) + k),
-        1 - Math.min(1, m * (1 - k) + k),
-        1 - Math.min(1, y * (1 - k) + k),
+        1 - Math.min(1, c * mul + k),
+        1 - Math.min(1, m * mul + k),
+        1 - Math.min(1, y * mul + k),
     ];
 
     if (components.length == 5) {
diff --git a/test/specs/code/shorthand.js b/test/specs/code/shorthand.js
index f7c7c70e..92410221 100644
--- a/test/specs/code/shorthand.js
+++ b/test/specs/code/shorthand.js
@@ -1,8 +1,9 @@
-export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
+import { ColorType } from "../../../dist/lib/ast/types.js";
 
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
     const options = {
         minify: true,
-        removeEmpty: true
+        removeEmpty: true,
     };
     const marginPadding = `
 
@@ -131,56 +132,84 @@ background-size: cover auto, contain;
 
 }
 `;
-    describe('shorthand', function () {
-        it('margin padding #1', function () {
-            return transform(marginPadding, options).then(result => expect(result.code).equals('.test{margin:0 0 0 5px;top:4px;padding:0;text-align:justify}'));
+    describe("shorthand", function () {
+        it("margin padding #1", function () {
+            return transform(marginPadding, options).then((result) =>
+                expect(result.code).equals(".test{margin:0 0 0 5px;top:4px;padding:0;text-align:justify}"),
+            );
         });
-        it('border-radius #2', function () {
-            return transform(borderRadius1, options).then(result => expect(result.code).equals('.test{border-radius:4px 3px 6px/5px 4px 2px}'));
+        it("border-radius #2", function () {
+            return transform(borderRadius1, options).then((result) =>
+                expect(result.code).equals(".test{border-radius:4px 3px 6px/5px 4px 2px}"),
+            );
         });
-        it('border-radius #3', function () {
-            return transform(borderRadius2, options).then(result => expect(result.code).equals('.test{border-radius:4px 3px 6px/2px 4px}'));
+        it("border-radius #3", function () {
+            return transform(borderRadius2, options).then((result) =>
+                expect(result.code).equals(".test{border-radius:4px 3px 6px/2px 4px}"),
+            );
         });
-        it('border-width #4', function () {
-            return transform(borderRadius3, options).then(result => expect(result.code).equals('.test input[type=text]{border-width:2px thin}'));
+        it("border-width #4", function () {
+            return transform(borderRadius3, options).then((result) =>
+                expect(result.code).equals(".test input[type=text]{border-width:2px thin}"),
+            );
         });
-        it('border-color #5', function () {
-            return transform(borderColor, options).then(result => expect(result.code).equals('.test input[type=text]{border-color:gold red}'));
+        it("border-color #5", function () {
+            return transform(borderColor, options).then((result) =>
+                expect(result.code).equals(".test input[type=text]{border-color:gold red}"),
+            );
         });
-        it('outline #6', function () {
-            return transform(outline1, options).then(result => expect(result.code).equals('a:focus{outline:0}'));
+        it("outline #6", function () {
+            return transform(outline1, options).then((result) => expect(result.code).equals("a:focus{outline:0}"));
         });
-        it('outline #7', function () {
-            return transform(outline2, options).then(result => expect(result.code).equals('a:focus{outline:#dedede dotted thin}'));
+        it("outline #7", function () {
+            return transform(outline2, options).then((result) =>
+                expect(result.code).equals("a:focus{outline:#dedede dotted thin}"),
+            );
         });
-        it('inset #8', function () {
-            return transform(inset1, options).then(result => expect(result.code).equals('a:focus{inset:auto}'));
+        it("inset #8", function () {
+            return transform(inset1, options).then((result) => expect(result.code).equals("a:focus{inset:auto}"));
         });
-        it('font #9', function () {
-            return transform(font1, options).then(result => expect(result.code).equals('html,body{font:700 15px/1.5 Verdana,sans-serif}'));
+        it("font #9", function () {
+            return transform(font1, options).then((result) =>
+                expect(result.code).equals("html,body{font:700 15px/1.5 Verdana,sans-serif}"),
+            );
         });
-        it('font #10', function () {
-            return transform(font2, options).then(result => expect(result.code).equals('samp{font:700 1em/1.19em small-caps monospace,serif}'));
+        it("font #10", function () {
+            return transform(font2, options).then((result) =>
+                expect(result.code).equals("samp{font:700 1em/1.19em small-caps monospace,serif}"),
+            );
         });
-        it('background #11', function () {
-            return transform(background1, options).then(result => expect(result.code).equals('p{background:no-repeat red url(images/bg.gif)}'));
+        it("background #11", function () {
+            return transform(background1, options).then((result) =>
+                expect(result.code).equals("p{background:no-repeat red url(images/bg.gif)}"),
+            );
         });
-        it('background #12', function () {
-            return transform(background2, options).then(result => expect(result.code).equals('a:focus{background:repeat-x url(../../media/examples/star.png)0 5%/cover}'));
+        it("background #12", function () {
+            return transform(background2, options).then((result) =>
+                expect(result.code).equals("a:focus{background:repeat-x url(../../media/examples/star.png)0 5%/cover}"),
+            );
         });
-        it('background #13', function () {
-            return transform(background3, options).then(result => expect(result.code).equals('a{background:no-repeat url(../../media/examples/firefox-logo.svg)50%/cover,#eee url(../../media/examples/lizard.png)35%/contain}'));
+        it("background #13", function () {
+            return transform(background3, options).then((result) =>
+                expect(result.code).equals(
+                    "a{background:no-repeat url(../../media/examples/firefox-logo.svg)50%/cover,#eee url(../../media/examples/lizard.png)35%/contain}",
+                ),
+            );
         });
 
-        it('border #14', function () {
-            return transform(`a{
+        it("border #14", function () {
+            return transform(
+                `a{
         border: #333 solid;
         border-width: 2px;
-        }`, options).then(result => expect(result.code).equals('a{border:#333 solid 2px}'));
+        }`,
+                options,
+            ).then((result) => expect(result.code).equals("a{border:#333 solid 2px}"));
         });
 
-        it('border #15', function () {
-            return transform(`
+        it("border #15", function () {
+            return transform(
+                `
 .test input[type="text"] {
 
 border: #333 solid 1px;
@@ -189,11 +218,14 @@ border: #333 solid 1px;
     border-right-width: thin;
     border-top-width:2px;;;
 
-        }`, options).then(result => expect(result.code).equals('.test input[type=text]{border:#333 solid 2px thin}'));
+        }`,
+                options,
+            ).then((result) => expect(result.code).equals(".test input[type=text]{border:#333 solid 2px thin}"));
         });
 
-        it('border #16', function () {
-            return transform(`
+        it("border #16", function () {
+            return transform(
+                `
 .test input[type="text"] {
 
 border: #333 solid 1px;
@@ -202,11 +234,14 @@ border: #333 solid 1px;
     border-right-width: medium;
     border-top-width:2px;;;
 
-        }`, options).then(result => expect(result.code).equals('.test input[type=text]{border:#333 solid 2px medium}'));
+        }`,
+                options,
+            ).then((result) => expect(result.code).equals(".test input[type=text]{border:#333 solid 2px medium}"));
         });
 
-        it('border #17', function () {
-            return transform(`
+        it("border #17", function () {
+            return transform(
+                `
 .test input[type="text"] {
 
 border: #333 solid 1px;
@@ -217,11 +252,14 @@ border: #333 solid 1px;
     border-bottom-width: medium;
     border-top-width:medium;;;
 
-        }`, options).then(result => expect(result.code).equals('.test input[type=text]{border:#333 solid}'));
+        }`,
+                options,
+            ).then((result) => expect(result.code).equals(".test input[type=text]{border:#333 solid}"));
         });
 
-        it('clamp & calc #18', function () {
-            return transform(`
+        it("clamp & calc #18", function () {
+            return transform(
+                `
 @media all {
     html {
         font-family: Blanco, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -230,11 +268,18 @@ border: #333 solid 1px;
         line-height: 1.7;
     }
 }
-`, options).then(result => expect(result.code).equals('html{font:clamp(12px,.8rem + .25vw,20px)/1.7 Blanco,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}'));
+`,
+                options,
+            ).then((result) =>
+                expect(result.code).equals(
+                    'html{font:clamp(12px,.8rem + .25vw,20px)/1.7 Blanco,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}',
+                ),
+            );
         });
 
-        it('shorthand parsing #19', function () {
-            return transform(`
+        it("shorthand parsing #19", function () {
+            return transform(
+                `
 @media all {
     html {
         font-family: Blanco, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -276,7 +321,10 @@ button.jetpack-instant-search__overlay-close {
     background-color: transparent !important;
 }
 
-`, options).then(result => expect(render(result.ast, {minify: false}).code).equals(`html {
+`,
+                options,
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`html {
  font: clamp(12px,.8rem + .25vw,20px)/1.7 Blanco,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
 }
 button.jetpack-instant-search__overlay-close {
@@ -309,62 +357,67 @@ button.jetpack-instant-search__overlay-close {
  text-shadow: none;
  text-transform: none;
  width: 60px
-}`));
+}`),
+            );
         });
 
-        it('shorthand parsing #20', function () {
-            return transform(`
+        it("shorthand parsing #20", function () {
+            return transform(
+                `
 
 a {
 overflow-x: hidden;
 overflow-y: hidden;
 
 }
-`, options).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`,
+                options,
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  overflow: hidden
-}`));
+}`),
+            );
         });
 
-        it('shorthand parsing #21', function () {
+        it("shorthand parsing #21", function () {
             return transform(`
 
     .foo {
         
     list-style: lower-roman url("img/shape.png") outside;
     }
-`).then(result => expect(result.code).equals(`.foo{list-style:lower-roman url(img/shape.png)}`));
+`).then((result) => expect(result.code).equals(`.foo{list-style:lower-roman url(img/shape.png)}`));
         });
 
-        it('shorthand parsing #22', function () {
+        it("shorthand parsing #22", function () {
             return transform(`
 
 ._19_u :focus { outline: none !important; }
-`).then(result => expect(result.code).equals(`._19_u :focus{outline:0!important}`));
+`).then((result) => expect(result.code).equals(`._19_u :focus{outline:0!important}`));
         });
 
-        it('shorthand parsing #23', function () {
+        it("shorthand parsing #23", function () {
             return transform(`
 
 ._19_u :focus {
         container-name: none;
         container-type: size;
     }
-`).then(result => expect(result.code).equals(`._19_u :focus{container:none/size}`));
+`).then((result) => expect(result.code).equals(`._19_u :focus{container:none/size}`));
         });
 
-
-        it('shorthand parsing #24', function () {
+        it("shorthand parsing #24", function () {
             return transform(`
 
 ._19_u :focus {
     container-name: none;
     container-type: normal;
  }
-`).then(result => expect(result.code).equals(`._19_u :focus{container:none}`));
+`).then((result) => expect(result.code).equals(`._19_u :focus{container:none}`));
         });
     });
 
-    it('shorthand parsing #25', function () {
+    it("shorthand parsing #25", function () {
         return transform(`
 
 .foo {
@@ -373,20 +426,21 @@ background-position: center center;
 background-image: url("logo.png");
 }
 
-`).then(result => expect(result.code).equals(`.foo{font-weight:700;background-position:50%;background-image:url(logo.png)}`));
+`).then((result) =>
+            expect(result.code).equals(`.foo{font-weight:700;background-position:50%;background-image:url(logo.png)}`),
+        );
     });
 
-    it('shorthand parsing #26', function () {
+    it("shorthand parsing #26", function () {
         return transform(`
 
 ._19_u :focus { outline: none !important; }
 }
 
-`).then(result => expect(result.code).equals(`._19_u :focus{outline:0!important}`));
+`).then((result) => expect(result.code).equals(`._19_u :focus{outline:0!important}`));
     });
 
-
-    it('shorthand parsing #27', function () {
+    it("shorthand parsing #27", function () {
         return transform(`
 
 .pure-table-bordered tbody > tr:last-child > td {
@@ -397,20 +451,60 @@ background-image: url("logo.png");
     border-color: #34edc7;
     border-style: none;
 }
-`).then(result => expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td{border:#34edc7 0}`));
+`).then((result) => expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td{border:#34edc7 0}`));
     });
 
-
-    it('shorthand parsing #28', function () {
-        return transform(`
+    it("shorthand parsing #28", function () {
+        return transform(
+            `
 
     .scale {
   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 10px);
 }
   
-`, {beautify: true, validation: true}).then(result => expect(result.code). equals(`.scale {
+`,
+            { beautify: true, validation: true },
+        ).then((result) =>
+            expect(result.code).equals(`.scale {
  border-radius: 0 0 calc(.25rem - 1px)calc(.25rem - 10px)
-}`));
+}`),
+        );
     });
 
-}
\ No newline at end of file
+    it("shorthand parsing #29", function () {
+        return transform(
+            `
+
+a {
+scroll-timeline-name: --bard;
+scroll-timeline-axis: block;
+scroll-padding-top: 0px;
+scroll-padding-right: 500px;
+scroll-padding-bottom: 0px;
+scroll-padding-left: 500px;
+scroll-margin-top: 0px;
+scroll-margin-right: 500px;
+scroll-margin-bottom: 0px;
+scroll-margin-left: 500px;
+
+color: color-mix(in lab, device-cmyk(0.091777 0.043303 0.312816 0.000000) 100%, yellow);
+color: device-cmyk(0 81% 81% 30%);
+
+`,
+            {
+                beautify: true,
+                nestingRules: false,
+                convertColor: ColorType.LAB,
+                removeDuplicateDeclarations: ["color"],
+            },
+        ).then((result) =>
+            expect(result.code).equals(`a {
+ scroll-timeline: --bard;
+ scroll-padding: 0 500px;
+ scroll-margin: 0 500px;
+ color: color-mix(in lab,lab(94.02018 -12.307625 31.793079) 100%,lab(97.607008 -15.749828 93.393591));
+ color: lab(39.925089 56.756846 39.364791)
+}`),
+        );
+    });
+}

From 0e0c5b263fd7d97cf9c6c4077bcc2ed71ac95e56 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 4 Sep 2026 14:22:15 -0400
Subject: [PATCH 8/8] update visitors documentation #150

---
 CHANGELOG.md                             |   2 +-
 benchmark/package.json                   |   2 +-
 dist/index-umd-web.js                    |  89 ++--
 dist/index.cjs                           |  89 ++--
 dist/lib/parser/tokenize.js              |  73 ++-
 dist/lib/renderer/sourcemap/lib/codec.js |   6 +-
 dist/lib/validation/parser/parse.js      |  10 +-
 files/transform.md                       |  88 +++-
 src/lib/parser/tokenize.ts               |  74 +--
 src/lib/renderer/sourcemap/lib/codec.ts  |   8 +-
 src/lib/validation/parser/parse.ts       |  14 +-
 test/specs/code/malformed.js             |  14 +
 test/specs/code/validation.js            | 623 +++++++++++++++--------
 13 files changed, 693 insertions(+), 399 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a1be1d68..b86e425f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,8 +4,8 @@
 
 - [x] fix bugs when computing math functions.
 - [x] reduce array mutations
-- [x] do not minify transform function when the absolute angle is greater or equals to 360deg
 - [x] supporting additional shorthands: scroll-timeline, scroll-padding, scroll-margin.
+- [x] do not minify transform function when the absolute angle is greater or equals to 360deg
 
 ```css
 
diff --git a/benchmark/package.json b/benchmark/package.json
index 1c4fc463..d1ea8522 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.0",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#3fa43766",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#20f608b",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.2",
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 7c6c822d..e2294320 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -11767,9 +11767,13 @@
                 stack.pop();
             }
         }
-        if (stack.length > 0) {
-            throw new SyntaxError(`Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ]} at ${stack.at(-1)?.[LOC]?.lin}:${stack.at(-1)?.[LOC]?.col}`);
-        }
+        // if (stack.length > 0) {
+        //     throw new SyntaxError(
+        //         `Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ as ValidationTokenEnum]} at ${
+        //             stack.at(-1)?.[LOC]?.lin
+        //         }:${stack.at(-1)?.[LOC]?.col}`,
+        //     );
+        // }
         return trimSyntaxArray(tokens);
     }
 
@@ -23541,9 +23545,9 @@
      * @returns
      */
     function encode(value) {
-        if (typeof value === 'number') {
-            return encode_integer(value);
-        }
+        // if (typeof value === 'number') {
+        //     return encode_integer(value);
+        // }
         let result = '';
         for (let i = 0; i < value.length; i += 1) {
             result += encode_integer(value[i]);
@@ -26600,27 +26604,24 @@
          * @param end
          * @returns
          */
-        isIdentToken(parseInfo, start, end) {
+        isIdentToken(parseInfo /* , start?: number, end?: number */) {
             let j = parseInfo.currentPosition - parseInfo.offset;
             let i = parseInfo.position - parseInfo.offset;
-            if (start != null) {
-                if (end == null) {
-                    if (start < 0) {
-                        j += start;
-                    }
-                    else {
-                        i += start;
-                    }
-                }
-                else {
-                    if (end < 0) {
-                        j += end;
-                    }
-                    else {
-                        j = parseInfo.position + end;
-                    }
-                }
-            }
+            // if (start != null) {
+            //     if (end == null) {
+            //         if (start < 0) {
+            //             j += start;
+            //         } else {
+            //             i += start;
+            //         }
+            //     } else {
+            //         if (end < 0) {
+            //             j += end;
+            //         } else {
+            //             j = parseInfo.position + end;
+            //         }
+            //     }
+            // }
             j--;
             let codepoint = parseInfo.stream.charCodeAt(i);
             // -
@@ -26663,18 +26664,18 @@
          * @param parseInfo
          * @returns
          */
-        isPseudo(parseInfo) {
-            let position = parseInfo.currentPosition - parseInfo.offset;
-            let endPosition = parseInfo.currentPosition - parseInfo.offset;
-            return (parseInfo.stream.charAt(position) == ":" &&
-                parseInfo.stream.charAt(endPosition - 1) == "(" &&
-                (parseInfo.stream.charAt(position + 1) == ":"
-                    ? this.isIdentToken(parseInfo, 2, -1)
-                    : this.isIdentToken(parseInfo, 1, -1))) ||
-                parseInfo.stream.charAt(position + 1) == ":"
-                ? this.isIdentToken(parseInfo, 2)
-                : this.isIdentToken(parseInfo, 1);
-        }
+        // isPseudo(parseInfo: ParseInfo): boolean {
+        //     let position: number = parseInfo.currentPosition - parseInfo.offset;
+        //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
+        //     return (parseInfo.stream.charAt(position) == ":" &&
+        //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
+        //         (parseInfo.stream.charAt(position + 1) == ":"
+        //             ? this.isIdentToken(parseInfo, 2, -1)
+        //             : this.isIdentToken(parseInfo, 1, -1))) ||
+        //         parseInfo.stream.charAt(position + 1) == ":"
+        //         ? this.isIdentToken(parseInfo, 2)
+        //         : this.isIdentToken(parseInfo, 1);
+        // }
         /**
          *
          * @param parseInfo
@@ -26867,12 +26868,14 @@
                     // '('
                     case 40 /* TokenMap.LEFT_PARENTHESIS */:
                         if (parseInfo.position < parseInfo.currentPosition) {
-                            if (parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
-                                this.isPseudo(parseInfo)) {
-                                this.advance(parseInfo);
-                                return this.makeToken(parseInfo, exports.EnumToken.PseudoClassFunctionTokenDefType);
-                            }
-                            else if (this.isIdentToken(parseInfo)) {
+                            // if (
+                            //     parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
+                            //     this.isPseudo(parseInfo)
+                            // ) {
+                            //     this.advance(parseInfo);
+                            //     return this.makeToken(parseInfo, EnumToken.PseudoClassFunctionTokenDefType);
+                            // } else 
+                            if (this.isIdentToken(parseInfo)) {
                                 const hint = this.startsWith(parseInfo, "--")
                                     ? exports.EnumToken.CustomFunctionTokenDefType
                                     : (getSymbolHint(parseInfo, parseInfo.position - parseInfo.offset, parseInfo.currentPosition - parseInfo.offset + 1) ?? exports.EnumToken.FunctionTokenDefType);
diff --git a/dist/index.cjs b/dist/index.cjs
index 1e952f87..bf8cddab 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -11770,9 +11770,13 @@ function parseSyntax(syntax) {
             stack.pop();
         }
     }
-    if (stack.length > 0) {
-        throw new SyntaxError(`Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ]} at ${stack.at(-1)?.[LOC]?.lin}:${stack.at(-1)?.[LOC]?.col}`);
-    }
+    // if (stack.length > 0) {
+    //     throw new SyntaxError(
+    //         `Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ as ValidationTokenEnum]} at ${
+    //             stack.at(-1)?.[LOC]?.lin
+    //         }:${stack.at(-1)?.[LOC]?.col}`,
+    //     );
+    // }
     return trimSyntaxArray(tokens);
 }
 
@@ -23544,9 +23548,9 @@ function decode(str) {
  * @returns
  */
 function encode(value) {
-    if (typeof value === 'number') {
-        return encode_integer(value);
-    }
+    // if (typeof value === 'number') {
+    //     return encode_integer(value);
+    // }
     let result = '';
     for (let i = 0; i < value.length; i += 1) {
         result += encode_integer(value[i]);
@@ -26603,27 +26607,24 @@ class Tokenizer {
      * @param end
      * @returns
      */
-    isIdentToken(parseInfo, start, end) {
+    isIdentToken(parseInfo /* , start?: number, end?: number */) {
         let j = parseInfo.currentPosition - parseInfo.offset;
         let i = parseInfo.position - parseInfo.offset;
-        if (start != null) {
-            if (end == null) {
-                if (start < 0) {
-                    j += start;
-                }
-                else {
-                    i += start;
-                }
-            }
-            else {
-                if (end < 0) {
-                    j += end;
-                }
-                else {
-                    j = parseInfo.position + end;
-                }
-            }
-        }
+        // if (start != null) {
+        //     if (end == null) {
+        //         if (start < 0) {
+        //             j += start;
+        //         } else {
+        //             i += start;
+        //         }
+        //     } else {
+        //         if (end < 0) {
+        //             j += end;
+        //         } else {
+        //             j = parseInfo.position + end;
+        //         }
+        //     }
+        // }
         j--;
         let codepoint = parseInfo.stream.charCodeAt(i);
         // -
@@ -26666,18 +26667,18 @@ class Tokenizer {
      * @param parseInfo
      * @returns
      */
-    isPseudo(parseInfo) {
-        let position = parseInfo.currentPosition - parseInfo.offset;
-        let endPosition = parseInfo.currentPosition - parseInfo.offset;
-        return (parseInfo.stream.charAt(position) == ":" &&
-            parseInfo.stream.charAt(endPosition - 1) == "(" &&
-            (parseInfo.stream.charAt(position + 1) == ":"
-                ? this.isIdentToken(parseInfo, 2, -1)
-                : this.isIdentToken(parseInfo, 1, -1))) ||
-            parseInfo.stream.charAt(position + 1) == ":"
-            ? this.isIdentToken(parseInfo, 2)
-            : this.isIdentToken(parseInfo, 1);
-    }
+    // isPseudo(parseInfo: ParseInfo): boolean {
+    //     let position: number = parseInfo.currentPosition - parseInfo.offset;
+    //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
+    //     return (parseInfo.stream.charAt(position) == ":" &&
+    //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
+    //         (parseInfo.stream.charAt(position + 1) == ":"
+    //             ? this.isIdentToken(parseInfo, 2, -1)
+    //             : this.isIdentToken(parseInfo, 1, -1))) ||
+    //         parseInfo.stream.charAt(position + 1) == ":"
+    //         ? this.isIdentToken(parseInfo, 2)
+    //         : this.isIdentToken(parseInfo, 1);
+    // }
     /**
      *
      * @param parseInfo
@@ -26870,12 +26871,14 @@ class Tokenizer {
                 // '('
                 case 40 /* TokenMap.LEFT_PARENTHESIS */:
                     if (parseInfo.position < parseInfo.currentPosition) {
-                        if (parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
-                            this.isPseudo(parseInfo)) {
-                            this.advance(parseInfo);
-                            return this.makeToken(parseInfo, exports.EnumToken.PseudoClassFunctionTokenDefType);
-                        }
-                        else if (this.isIdentToken(parseInfo)) {
+                        // if (
+                        //     parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
+                        //     this.isPseudo(parseInfo)
+                        // ) {
+                        //     this.advance(parseInfo);
+                        //     return this.makeToken(parseInfo, EnumToken.PseudoClassFunctionTokenDefType);
+                        // } else 
+                        if (this.isIdentToken(parseInfo)) {
                             const hint = this.startsWith(parseInfo, "--")
                                 ? exports.EnumToken.CustomFunctionTokenDefType
                                 : (getSymbolHint(parseInfo, parseInfo.position - parseInfo.offset, parseInfo.currentPosition - parseInfo.offset + 1) ?? exports.EnumToken.FunctionTokenDefType);
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index f5a6ecd9..822a2e82 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -1038,27 +1038,24 @@ class Tokenizer {
      * @param end
      * @returns
      */
-    isIdentToken(parseInfo, start, end) {
+    isIdentToken(parseInfo /* , start?: number, end?: number */) {
         let j = parseInfo.currentPosition - parseInfo.offset;
         let i = parseInfo.position - parseInfo.offset;
-        if (start != null) {
-            if (end == null) {
-                if (start < 0) {
-                    j += start;
-                }
-                else {
-                    i += start;
-                }
-            }
-            else {
-                if (end < 0) {
-                    j += end;
-                }
-                else {
-                    j = parseInfo.position + end;
-                }
-            }
-        }
+        // if (start != null) {
+        //     if (end == null) {
+        //         if (start < 0) {
+        //             j += start;
+        //         } else {
+        //             i += start;
+        //         }
+        //     } else {
+        //         if (end < 0) {
+        //             j += end;
+        //         } else {
+        //             j = parseInfo.position + end;
+        //         }
+        //     }
+        // }
         j--;
         let codepoint = parseInfo.stream.charCodeAt(i);
         // -
@@ -1101,18 +1098,18 @@ class Tokenizer {
      * @param parseInfo
      * @returns
      */
-    isPseudo(parseInfo) {
-        let position = parseInfo.currentPosition - parseInfo.offset;
-        let endPosition = parseInfo.currentPosition - parseInfo.offset;
-        return (parseInfo.stream.charAt(position) == ":" &&
-            parseInfo.stream.charAt(endPosition - 1) == "(" &&
-            (parseInfo.stream.charAt(position + 1) == ":"
-                ? this.isIdentToken(parseInfo, 2, -1)
-                : this.isIdentToken(parseInfo, 1, -1))) ||
-            parseInfo.stream.charAt(position + 1) == ":"
-            ? this.isIdentToken(parseInfo, 2)
-            : this.isIdentToken(parseInfo, 1);
-    }
+    // isPseudo(parseInfo: ParseInfo): boolean {
+    //     let position: number = parseInfo.currentPosition - parseInfo.offset;
+    //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
+    //     return (parseInfo.stream.charAt(position) == ":" &&
+    //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
+    //         (parseInfo.stream.charAt(position + 1) == ":"
+    //             ? this.isIdentToken(parseInfo, 2, -1)
+    //             : this.isIdentToken(parseInfo, 1, -1))) ||
+    //         parseInfo.stream.charAt(position + 1) == ":"
+    //         ? this.isIdentToken(parseInfo, 2)
+    //         : this.isIdentToken(parseInfo, 1);
+    // }
     /**
      *
      * @param parseInfo
@@ -1305,12 +1302,14 @@ class Tokenizer {
                 // '('
                 case 40 /* TokenMap.LEFT_PARENTHESIS */:
                     if (parseInfo.position < parseInfo.currentPosition) {
-                        if (parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
-                            this.isPseudo(parseInfo)) {
-                            this.advance(parseInfo);
-                            return this.makeToken(parseInfo, EnumToken.PseudoClassFunctionTokenDefType);
-                        }
-                        else if (this.isIdentToken(parseInfo)) {
+                        // if (
+                        //     parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
+                        //     this.isPseudo(parseInfo)
+                        // ) {
+                        //     this.advance(parseInfo);
+                        //     return this.makeToken(parseInfo, EnumToken.PseudoClassFunctionTokenDefType);
+                        // } else 
+                        if (this.isIdentToken(parseInfo)) {
                             const hint = this.startsWith(parseInfo, "--")
                                 ? EnumToken.CustomFunctionTokenDefType
                                 : (getSymbolHint(parseInfo, parseInfo.position - parseInfo.offset, parseInfo.currentPosition - parseInfo.offset + 1) ?? EnumToken.FunctionTokenDefType);
diff --git a/dist/lib/renderer/sourcemap/lib/codec.js b/dist/lib/renderer/sourcemap/lib/codec.js
index 00fb734a..0925b579 100644
--- a/dist/lib/renderer/sourcemap/lib/codec.js
+++ b/dist/lib/renderer/sourcemap/lib/codec.js
@@ -47,9 +47,9 @@ function decode(str) {
  * @returns
  */
 function encode(value) {
-    if (typeof value === 'number') {
-        return encode_integer(value);
-    }
+    // if (typeof value === 'number') {
+    //     return encode_integer(value);
+    // }
     let result = '';
     for (let i = 0; i < value.length; i += 1) {
         result += encode_integer(value[i]);
diff --git a/dist/lib/validation/parser/parse.js b/dist/lib/validation/parser/parse.js
index 8cb3029c..e4d640da 100644
--- a/dist/lib/validation/parser/parse.js
+++ b/dist/lib/validation/parser/parse.js
@@ -677,9 +677,13 @@ function parseSyntax(syntax) {
             stack.pop();
         }
     }
-    if (stack.length > 0) {
-        throw new SyntaxError(`Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ]} at ${stack.at(-1)?.[LOC]?.lin}:${stack.at(-1)?.[LOC]?.col}`);
-    }
+    // if (stack.length > 0) {
+    //     throw new SyntaxError(
+    //         `Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ as ValidationTokenEnum]} at ${
+    //             stack.at(-1)?.[LOC]?.lin
+    //         }:${stack.at(-1)?.[LOC]?.col}`,
+    //     );
+    // }
     return trimSyntaxArray(tokens);
 }
 
diff --git a/files/transform.md b/files/transform.md
index cd3f7471..0e1f5934 100644
--- a/files/transform.md
+++ b/files/transform.md
@@ -10,9 +10,95 @@ Visitors are used to transform the ast tree produced by the parser. For more inf
 
 This pattern is useful for building reusable plugins that enforce conventions, inject transformations, or add custom analysis on top of the parsed AST.
 
+## Visitors syntax
+
+A visitor can be specified as a function whose name is a keyof EnumToken. All tokens of that kind will be visited.
+
+```ts
+
+import {transformSync} from "@tbela99/css-parser;
+
+function UrlFunctionTokenType(node) {
+
+    // ...
+    console.debug(node);
+}
+
+const options = {
+
+    visitor: UrlFunctionTokenType,
+    input: `.selector {
+            
+        /* associated properties */
+        background-image: url("star.gif");
+        list-style-image: url('../images/bullet.jpg');
+        content: url("my-icon.jpg");
+        cursor: url(my-cursor.cur);
+        border-image-source: url(/media/diamonds.png);
+        src: url('fantastic-font.woff');
+        offset-path: url(#path);
+        mask-image: url("masks.svg#mask1");
+
+        /* Properties with fallbacks */
+        cursor: url(pointer.cur), pointer;
+    }`
+}
+
+const result = transformSync(options);
+
+// ...
+```
+
+If you need the visitor to run when the node is entered or exited, you will use this syntax:
+
+```ts
+
+import {transformSync, WalkerEvent} from "@tbela99/css-parser;
+
+const visitor = {
+    UrlFunctionTokenType: {
+        type: WalkerEvent.Enter,
+        handler(node) {
+            // ...
+            console.debug(node);
+        },
+    },
+    AngleTokenType: {
+        type: WalkerEvent.Leave,
+        handler(node) {
+            // ...
+            console.debug(node);
+        },
+    },
+};
+
+const options = {
+    visitor,
+    input: `.selector {
+            
+        /* associated properties */
+        background-image: url("star.gif");
+        list-style-image: url('../images/bullet.jpg');
+        content: url("my-icon.jpg");
+        cursor: url(my-cursor.cur);
+        border-image-source: url(/media/diamonds.png);
+        src: url('fantastic-font.woff');
+        offset-path: url(#path);
+        mask-image: url("masks.svg#mask1");
+
+        /* Properties with fallbacks */
+        cursor: url(pointer.cur), pointer;
+    }`
+}
+
+const result = transformSync(options);
+
+// ...
+```
+
 ## Visitors execution order
 
-Visitors can be called when the node is entered, visited or left.
+Visitors can be called when the node is entered, visited or exited.
 
 ```ts
 
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index 62287acc..c8403cf4 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -1285,25 +1285,25 @@ export class Tokenizer {
      * @param end
      * @returns
      */
-    isIdentToken(parseInfo: ParseInfo, start?: number, end?: number): boolean {
+    isIdentToken(parseInfo: ParseInfo /* , start?: number, end?: number */): boolean {
         let j: number = parseInfo.currentPosition - parseInfo.offset;
         let i: number = parseInfo.position - parseInfo.offset;
 
-        if (start != null) {
-            if (end == null) {
-                if (start < 0) {
-                    j += start;
-                } else {
-                    i += start;
-                }
-            } else {
-                if (end < 0) {
-                    j += end;
-                } else {
-                    j = parseInfo.position + end;
-                }
-            }
-        }
+        // if (start != null) {
+        //     if (end == null) {
+        //         if (start < 0) {
+        //             j += start;
+        //         } else {
+        //             i += start;
+        //         }
+        //     } else {
+        //         if (end < 0) {
+        //             j += end;
+        //         } else {
+        //             j = parseInfo.position + end;
+        //         }
+        //     }
+        // }
 
         j--;
 
@@ -1361,18 +1361,18 @@ export class Tokenizer {
      * @param parseInfo
      * @returns
      */
-    isPseudo(parseInfo: ParseInfo): boolean {
-        let position: number = parseInfo.currentPosition - parseInfo.offset;
-        let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
-        return (parseInfo.stream.charAt(position) == ":" &&
-            parseInfo.stream.charAt(endPosition - 1) == "(" &&
-            (parseInfo.stream.charAt(position + 1) == ":"
-                ? this.isIdentToken(parseInfo, 2, -1)
-                : this.isIdentToken(parseInfo, 1, -1))) ||
-            parseInfo.stream.charAt(position + 1) == ":"
-            ? this.isIdentToken(parseInfo, 2)
-            : this.isIdentToken(parseInfo, 1);
-    }
+    // isPseudo(parseInfo: ParseInfo): boolean {
+    //     let position: number = parseInfo.currentPosition - parseInfo.offset;
+    //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
+    //     return (parseInfo.stream.charAt(position) == ":" &&
+    //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
+    //         (parseInfo.stream.charAt(position + 1) == ":"
+    //             ? this.isIdentToken(parseInfo, 2, -1)
+    //             : this.isIdentToken(parseInfo, 1, -1))) ||
+    //         parseInfo.stream.charAt(position + 1) == ":"
+    //         ? this.isIdentToken(parseInfo, 2)
+    //         : this.isIdentToken(parseInfo, 1);
+    // }
 
     /**
      *
@@ -1637,15 +1637,15 @@ export class Tokenizer {
                 // '('
                 case TokenMap.LEFT_PARENTHESIS:
                     if (parseInfo.position < parseInfo.currentPosition) {
-                        if (
-                            parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
-                            this.isPseudo(parseInfo)
-                        ) {
-                            this.advance(parseInfo);
-                            return this.makeToken(parseInfo, EnumToken.PseudoClassFunctionTokenDefType);
-
-                            break;
-                        } else if (this.isIdentToken(parseInfo)) {
+                        // if (
+                        //     parseInfo.stream[parseInfo.position - parseInfo.offset] === ":" &&
+                        //     this.isPseudo(parseInfo)
+                        // ) {
+                        //     this.advance(parseInfo);
+                        //     return this.makeToken(parseInfo, EnumToken.PseudoClassFunctionTokenDefType);
+
+                        // } else 
+                            if (this.isIdentToken(parseInfo)) {
                             const hint: EnumToken = this.startsWith(parseInfo, "--")
                                 ? EnumToken.CustomFunctionTokenDefType
                                 : (getSymbolHint(
diff --git a/src/lib/renderer/sourcemap/lib/codec.ts b/src/lib/renderer/sourcemap/lib/codec.ts
index 8c06845c..e479e9d0 100644
--- a/src/lib/renderer/sourcemap/lib/codec.ts
+++ b/src/lib/renderer/sourcemap/lib/codec.ts
@@ -56,10 +56,10 @@ export function decode(str: string) {
  * @param value 
  * @returns 
  */
-export function encode(value: number | number[]) {
-    if (typeof value === 'number') {
-        return encode_integer(value);
-    }
+export function encode(value: number[]) {
+    // if (typeof value === 'number') {
+    //     return encode_integer(value);
+    // }
 
     let result = '';
     for (let i = 0; i < value.length; i += 1) {
diff --git a/src/lib/validation/parser/parse.ts b/src/lib/validation/parser/parse.ts
index d12f5d3c..7e027013 100644
--- a/src/lib/validation/parser/parse.ts
+++ b/src/lib/validation/parser/parse.ts
@@ -923,13 +923,13 @@ export function parseSyntax(syntax: string): ValidationToken[] {
         }
     }
 
-    if (stack.length > 0) {
-        throw new SyntaxError(
-            `Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ as ValidationTokenEnum]} at ${
-                stack.at(-1)?.[LOC]?.lin
-            }:${stack.at(-1)?.[LOC]?.col}`,
-        );
-    }
+    // if (stack.length > 0) {
+    //     throw new SyntaxError(
+    //         `Unexpected token ${ValidationTokenEnum[stack.at(-1)?.typ as ValidationTokenEnum]} at ${
+    //             stack.at(-1)?.[LOC]?.lin
+    //         }:${stack.at(-1)?.[LOC]?.col}`,
+    //     );
+    // }
 
     return trimSyntaxArray(tokens);
 }
diff --git a/test/specs/code/malformed.js b/test/specs/code/malformed.js
index 611cee66..903f03fe 100644
--- a/test/specs/code/malformed.js
+++ b/test/specs/code/malformed.js
@@ -372,6 +372,20 @@ color:
             }).then(result => expect(result.code).equals(``));
         });
         
+        
+        it('generic at-rule #22', async function () {
+            const css = `blockquote::after {
+  display: block;
+  content: " (source: " attr(cite) ") "`;
+
+            return transform(css, {
+                beautify: true
+            }).then(result => expect(result.code).equals(`blockquote:after {
+ display: block;
+ content: " (source: " attr(cite)") "
+}`));
+        });
+        
     });
 
 }
\ No newline at end of file
diff --git a/test/specs/code/validation.js b/test/specs/code/validation.js
index ead711fc..26862b84 100644
--- a/test/specs/code/validation.js
+++ b/test/specs/code/validation.js
@@ -1,11 +1,13 @@
-export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
+import { getNodeProperty, setNodeProperty } from "../../../dist/lib/ast/node.js";
+import { EnumAstNodeStatus } from "../../../dist/lib/ast/types.js";
 
-    const root = new URL(dirname(import.meta.url) + '/../../../');
-    
-    describe('selector validation', function () {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
+    const root = new URL(dirname(import.meta.url) + "/../../../");
 
-        it('selector validation #1', function () {
-            return parse(`
+    describe("selector validation", function () {
+        it("selector validation #1", function () {
+            return parse(
+                `
 #404 {
     --animate-duration: 1s;
 }
@@ -65,12 +67,17 @@ export function run(describe, expect, it, transform, parse, render, dirname, rea
     --animate-duration: 1s;
 }
 
-`, {validation: true, nestingRules: false}).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.s:is([type=text],[type=text i],[type=text s],[type=text i]+b,:focus) {
+`,
+                { validation: true, nestingRules: false },
+            ).then((result) =>
+                expect(render(result.ast, { beautify: true }).code)
+                    .equals(`.s:is([type=text],[type=text i],[type=text s],[type=text i]+b,:focus) {
  --animate-duration: 1s
-}`));
+}`),
+            );
         });
 
-        it('keyframe selector validation #2', function () {
+        it("keyframe selector validation #2", function () {
             return transform(`
 
     @-webkit-keyframes flash {
@@ -86,18 +93,21 @@ export function run(describe, expect, it, transform, parse, render, dirname, rea
             }
         }
 
-`).then(result => expect(render(result.ast, {minify: false, validation: true}).code).equals(`@-webkit-keyframes flash {
+`).then((result) =>
+                expect(render(result.ast, { minify: false, validation: true }).code).equals(`@-webkit-keyframes flash {
  0%,50%,to {
   opacity: 1
  }
  25%,75% {
   opacity: 0
  }
-}`));
+}`),
+            );
         });
 
-        it('selector validation #3', function () {
-            return parse(`
+        it("selector validation #3", function () {
+            return parse(
+                `
 html, body, div, span, applet, object, iframe,
             h1, h2, h3, h4, h5, h6, p, blockquote, pre,
             a, abbr, acronym, address, big, cite, code,
@@ -118,18 +128,23 @@ html, body, div, span, applet, object, iframe,
             font: inherit;
             vertical-align: baseline;
         }
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code)
+                    .equals(`html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
-}`));
+}`),
+            );
         });
 
-
-        it('nested selector validation #4', function () {
-            return parse(`
+        it("nested selector validation #4", function () {
+            return parse(
+                `
 
 [foo="bar help" b] {
     color: red;
@@ -158,17 +173,22 @@ html, body, div, span, applet, object, iframe,
 & b {
   color: #fff
  }
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`.foo-bar {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`.foo-bar {
  width: 12px;
  height: 25%;
  >a,+a,~a b,& b {
   color: #fff
  }
-}`));
+}`),
+            );
         });
 
-        it('nested selector validation #5', function () {
-            return transform(`
+        it("nested selector validation #5", function () {
+            return transform(
+                `
 
 .pure-table-bordered tbody > tr:last-child > td {
     border-bottom-width: 0;
@@ -178,18 +198,23 @@ html, body, div, span, applet, object, iframe,
     border-color: #34edc7;
     border-style: medium;
 }
-`, {minify: false, validation: true}).then(result => expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td {
+`,
+                { minify: false, validation: true },
+            ).then((result) =>
+                expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td {
  border-bottom-width: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-color: #34edc7;
  border-style: medium
-}`));
+}`),
+            );
         });
 
-        it('selector without validation #6', function () {
-            return transform(`
+        it("selector without validation #6", function () {
+            return transform(
+                `
 
 #404 {
     --animate-duration: 1s;
@@ -249,125 +274,167 @@ html, body, div, span, applet, object, iframe,
 .s:focus {
     --animate-duration: 1s;
 }
-`, {nestingRules: false}).then(result => expect(render(result.ast, {minify: false, validation: true}).code).equals(`.s:is([type=text],[type=text i],[type=text s],[type=text i]+b,:focus) {
+`,
+                { nestingRules: false },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false, validation: true }).code)
+                    .equals(`.s:is([type=text],[type=text i],[type=text s],[type=text i]+b,:focus) {
  --animate-duration: 1s
-}`));
+}`),
+            );
         });
-
-
     });
 
-
-    describe('at-rule validation', function () {
-
-        it('media validation #1', function () {
-            return parse(`@import "styles.css"  screen
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@import "styles.css" screen;`));
+    describe("at-rule validation", function () {
+        it("media validation #1", function () {
+            return parse(
+                `@import "styles.css"  screen
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@import "styles.css" screen;`),
+            );
         });
 
-        it('media validation #2', function () {
-            return parse(`@import "styles.css"  "screen"
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(``));
+        it("media validation #2", function () {
+            return parse(
+                `@import "styles.css"  "screen"
+`,
+                { validation: true },
+            ).then((result) => expect(render(result.ast, { minify: false }).code).equals(``));
         });
 
-        it('media validation #3', function () {
-            return parse(`@import "styles.css" bar,baz"
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(``));
+        it("media validation #3", function () {
+            return parse(
+                `@import "styles.css" bar,baz"
+`,
+                { validation: true },
+            ).then((result) => expect(render(result.ast, { minify: false }).code).equals(``));
         });
 
-        it('support validation #4', function () {
-            return parse(`
+        it("support validation #4", function () {
+            return parse(
+                `
 @supports (display: grid) {
   div {
     display: grid;
   }
 }
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports (display:grid) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@supports (display:grid) {
  div {
   display: grid
  }
-}`));
+}`),
+            );
         });
 
-        it('support validation #5', function () {
-            return parse(`
+        it("support validation #5", function () {
+            return parse(
+                `
 @supports not (display: grid) {
   div {
     float: right;
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports not (display:grid) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@supports not (display:grid) {
  div {
   float: right
  }
-}`));
-
+}`),
+            );
         });
 
-        it('support validation #6', function () {
-            return parse(`
+        it("support validation #6", function () {
+            return parse(
+                `
 @supports (display: grid) and (not (display: inline-grid)) {
   div {
     float: right;
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports (display:grid) and (not (display:inline-grid)) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code)
+                    .equals(`@supports (display:grid) and (not (display:inline-grid)) {
  div {
   float: right
  }
-}`));
+}`),
+            );
         });
 
-
-        it('support validation #7', function () {
-            return parse(`
+        it("support validation #7", function () {
+            return parse(
+                `
 @supports not (not (transform-origin: 2px)) {
   div {
     float: right;
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports not (not (transform-origin:2px)) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@supports not (not (transform-origin:2px)) {
  div {
   float: right
  }
-}`));
+}`),
+            );
         });
 
-        it('support validation #8', function () {
-            return parse(`
+        it("support validation #8", function () {
+            return parse(
+                `
 @supports font-format(opentype) {
   div {
     float: right;
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports font-format(opentype) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@supports font-format(opentype) {
  div {
   float: right
  }
-}`));
+}`),
+            );
         });
 
-        it('support validation #9', function () {
-            return parse(`
+        it("support validation #9", function () {
+            return parse(
+                `
 @supports font-tech(color-COLRv1) {
   div {
     float: right;
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports font-tech(color-COLRv1) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@supports font-tech(color-COLRv1) {
  div {
   float: right
  }
-}`));
+}`),
+            );
         });
 
-        it('support validation #10', function () {
-            return parse(`
+        it("support validation #10", function () {
+            return parse(
+                `
 @supports (display: table-cell) and
   ((display: list-item) and (display: contents)) {
   div {
@@ -375,89 +442,117 @@ html, body, div, span, applet, object, iframe,
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@supports (display:table-cell) and ((display:list-item) and (display:contents)) {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code)
+                    .equals(`@supports (display:table-cell) and ((display:list-item) and (display:contents)) {
  div {
   float: right
  }
-}`));
+}`),
+            );
         });
-
     });
 
-
-    describe('declaration validation', function () {
-
-        it('@page #11', function () {
-            return parse(`
+    describe("declaration validation", function () {
+        it("@page #11", function () {
+            return parse(
+                `
 @page {
   size: 8.5in 9in;
   margin-top: 4in;
     animation: view;
 }
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@page {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@page {
  size: 8.5in 9in;
  margin-top: 4in;
  animation: view
-}`));
+}`),
+            );
         });
 
-        it('@page #12', function () {
+        it("@page #12", function () {
             //   foo: bar;
-            return parse(`
+            return parse(
+                `
 @page {
   size: 8.5in 9in;
   margin-top: 4in;
     animation: view;
 }
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@page {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@page {
  size: 8.5in 9in;
  margin-top: 4in;
  animation: view
-}`));
+}`),
+            );
         });
 
-        it('@page #13', function () {
-            return parse(`
+        it("@page #13", function () {
+            return parse(
+                `
 
 /* Targets all even-numbered pages */
 @page :left {
   margin-top: 4in;
 }
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`/* Targets all even-numbered pages */
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`/* Targets all even-numbered pages */
 @page :left {
  margin-top: 4in
-}`));
+}`),
+            );
         });
 
-        it('@page #14', function () {
-            return parse(`
+        it("@page #14", function () {
+            return parse(
+                `
 
 @page :right {
   size: 11in;
   margin-top: 4in;
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@page :right {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@page :right {
  size: 11in;
  margin-top: 4in
-}`));
+}`),
+            );
         });
 
-        it('@page #15', function () {
-            return parse(`
+        it("@page #15", function () {
+            return parse(
+                `
 
 @page wide {
   size: a4 landscape;
 }
 
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@page wide {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@page wide {
  size: a4 landscape
-}`));
+}`),
+            );
         });
 
-        it('@page #16', function () {
-            return parse(`
+        it("@page #16", function () {
+            return parse(
+                `
 
 @page {
   /* margin box at top right showing page number */
@@ -466,117 +561,154 @@ html, body, div, span, applet, object, iframe,
   }
 }
 
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@page {
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`@page {
  /* margin box at top right showing page number */
  @top-right {
   content: "Page " counter(pageNumber)
  }
-}`));
+}`),
+            );
         });
 
-
-        it('media validation #17', function () {
-            return parse(`@import "styles.css" tv,all;
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@import "styles.css";`));
+        it("media validation #17", function () {
+            return parse(
+                `@import "styles.css" tv,all;
+`,
+                { validation: true },
+            ).then((result) => expect(render(result.ast, { minify: false }).code).equals(`@import "styles.css";`));
         });
 
-        it('document validation #18', function () {
-            return parse(`@namespace svg url('http://www.w3.org/2000/svg')
-`, {validation: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`@namespace svg 'http://www.w3.org/2000/svg';`));
+        it("document validation #18", function () {
+            return parse(
+                `@namespace svg url('http://www.w3.org/2000/svg')
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(
+                    `@namespace svg 'http://www.w3.org/2000/svg';`,
+                ),
+            );
         });
 
-        it('supports validation #19', function () {
-            return transform(`@supports (color:color-mix(in oklab,black,black)) {
+        it("supports validation #19", function () {
+            return transform(
+                `@supports (color:color-mix(in oklab,black,black)) {
 
 .hsl { color: hsl(195, 100%, 50%); }
 }
-`, {validation: true}).then(result => expect(result.code).equals(`@supports (color:color-mix(in oklab,black,black)){.hsl{color:#00bfff}}`));
+`,
+                { validation: true },
+            ).then((result) =>
+                expect(result.code).equals(`@supports (color:color-mix(in oklab,black,black)){.hsl{color:#00bfff}}`),
+            );
         });
 
-        it('supports validation #20', function () {
-            return transform(`a {
+        it("supports validation #20", function () {
+            return transform(
+                `a {
 
   text-shadow: 1px 2px 3px var(--bs-body-color);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
 
-`, {validation: true, beautify: true}).then(result => expect(result.code).equals(`a {
+`,
+                { validation: true, beautify: true },
+            ).then((result) =>
+                expect(result.code).equals(`a {
  text-shadow: 1px 2px 3px var(--bs-body-color);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
-}`));
-        });
-
-        it('file validation #21', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/full.css');
-           return transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {validation: true, resolveImport: true}).then(result => expect(result.errors.length).equals(5));
-        });
-
-        it('file validation #22', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/bootstrap.css');
-            transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {
-                validation: true,
-                resolveImport: true
-            }).then(result => expect(result.errors.length).equals(2));
-        });
-
-        it('file validation #23', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/bootstrap-4.css');
-            return transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {
-                validation: true,
-                resolveImport: true
-            }).then(result => expect(result.errors.length).equals(1));
-        });
-
-        it('file validation #24', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/bootstrap-5.css');
-           return transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {
-                validation: true,
-                resolveImport: true
-            }).then(result => expect(result.errors.length).equals(0));
-        });
-
-        it('file validation #25', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/tailwind.css');
-            return transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {
-                validation: true,
-                resolveImport: true
-            }).then(result => expect(result.errors.length).equals(20));
-        });
-
-        it('file validation #26', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/tailwind-2.0.4.css');
-
-            return transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {
-                validation: true,
-                resolveImport: true
-            }).then(result => expect(result.errors.length).equals(12));
-        });
-
-        it('file validation #27', function () {
-
-            const url = new URL(dirname(import.meta.url) + '/../../files/css/github-markdown.css');
-
-            return transform(`@import '${url.pathname.replace(root.pathname, '')}';
-`, {
-                validation: true,
-                resolveImport: true
-            }).then(result => expect(result.errors.length).equals(1));
-        });
-
-        it('selector validation #28', function () {
-
-           return transform(`
+}`),
+            );
+        });
+
+        it("file validation #21", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/full.css");
+            return transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                { validation: true, resolveImport: true },
+            ).then((result) => expect(result.errors.length).equals(5));
+        });
+
+        it("file validation #22", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/bootstrap.css");
+            transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                {
+                    validation: true,
+                    resolveImport: true,
+                },
+            ).then((result) => expect(result.errors.length).equals(2));
+        });
+
+        it("file validation #23", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/bootstrap-4.css");
+            return transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                {
+                    validation: true,
+                    resolveImport: true,
+                },
+            ).then((result) => expect(result.errors.length).equals(1));
+        });
+
+        it("file validation #24", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/bootstrap-5.css");
+            return transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                {
+                    validation: true,
+                    resolveImport: true,
+                },
+            ).then((result) => expect(result.errors.length).equals(0));
+        });
+
+        it("file validation #25", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/tailwind.css");
+            return transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                {
+                    validation: true,
+                    resolveImport: true,
+                },
+            ).then((result) => expect(result.errors.length).equals(20));
+        });
+
+        it("file validation #26", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/tailwind-2.0.4.css");
+
+            return transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                {
+                    validation: true,
+                    resolveImport: true,
+                },
+            ).then((result) => expect(result.errors.length).equals(12));
+        });
+
+        it("file validation #27", function () {
+            const url = new URL(dirname(import.meta.url) + "/../../files/css/github-markdown.css");
+
+            return transform(
+                `@import '${url.pathname.replace(root.pathname, "")}';
+`,
+                {
+                    validation: true,
+                    resolveImport: true,
+                },
+            ).then((result) => expect(result.errors.length).equals(1));
+        });
+
+        it("selector validation #28", function () {
+            return transform(
+                `
   .markdown-body .highlight pre:has(
   >.zeroclipboard-container,
   ~.zeroclipboard-container,
@@ -585,35 +717,44 @@ html, body, div, span, applet, object, iframe,
    ) {
   min-height: 52px;
 }
-`, {
-    beautify: true,
-                validation: true
-            }).then(result => expect(result.code).equals(`.markdown-body .highlight pre:has(>.zeroclipboard-container,~.zeroclipboard-container,+.zeroclipboard-container) {
+`,
+                {
+                    beautify: true,
+                    validation: true,
+                },
+            ).then((result) =>
+                expect(result.code)
+                    .equals(`.markdown-body .highlight pre:has(>.zeroclipboard-container,~.zeroclipboard-container,+.zeroclipboard-container) {
  min-height: 52px
-}`));
+}`),
+            );
         });
 
-        it('selector validation #29', function () {
-
-            return transform(`
+        it("selector validation #29", function () {
+            return transform(
+                `
 @document url(https://www.example.com/) {
  h1 {
   color: green
  }
 }
-`, {
-    beautify: true,
-                validation: true
-            }).then(result => expect(result.code).equals(`@document url(https://www.example.com/) {
+`,
+                {
+                    beautify: true,
+                    validation: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`@document url(https://www.example.com/) {
  h1 {
   color: green
  }
-}`));
+}`),
+            );
         });
 
-        it('selector validation #30', function () {
-
-            return transform(`
+        it("selector validation #30", function () {
+            return transform(
+                `
 
 .pure-table-bordered tbody > tr:last-child > td {
     border-bottom-width: 0;
@@ -623,19 +764,23 @@ html, body, div, span, applet, object, iframe,
     border-color: #34edc7;
     border-style: medium;
 }
-`, {
-    beautify: true,
-                validation: true
-            }).then(result => expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td {
+`,
+                {
+                    beautify: true,
+                    validation: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td {
  border-width: 0;
  border-color: #34edc7;
  border-style: medium
-}`));
+}`),
+            );
         });
 
-        it('selector validation #31', function () {
-
-            return transform(`
+        it("selector validation #31", function () {
+            return transform(
+                `
 
 .pure-table-bordered tbody > tr:last-child > td {
     border-bottom-width: 0;
@@ -645,13 +790,53 @@ html, body, div, span, applet, object, iframe,
     border-color: #34edc7;
     border-style: groove;
 }
-`, {
-    beautify: true,
-                validation: true
-            }).then(result => expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td {
+`,
+                {
+                    beautify: true,
+                    validation: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.pure-table-bordered tbody>tr:last-child>td {
  border: #34edc7 groove 0
-}`));
+}`),
+            );
         });
-    });
 
-}
\ No newline at end of file
+        it("validation status override #32", function () {
+            const options = {
+                beautify: true,
+                validation: true,
+                visitor: {
+                    AtRule: (node) => {
+                        if (getNodeProperty(node, "state") == EnumAstNodeStatus.Invalid) {
+                            setNodeProperty(node, "state", EnumAstNodeStatus.ValidationFailed);
+                        }
+                    },
+                },
+            };
+
+            return transform(
+                `
+
+@supports 1 {
+
+    .foo {
+
+            height: calc(100px * 2/ 15);
+            height: 'new';
+            height: auto;
+    }
+}
+`,
+                options,
+            ).then((result) =>
+                expect(result.code).equals(`@supports 1 {
+ .foo {
+  height: auto;
+  height: 'new'
+ }
+}`),
+            );
+        });
+    });
+}