open-props - npm Package Compare versions

Comparing version 1.6.16 to 1.6.17

build/to-figmatokens.js

@@ -18,21 +18,21 @@ import * as Colors from '../src/props.colors.js'
     
-    if      (isLength) meta.$type = 'sizing'
-    else if (isBorder) meta.$type = 'borderWidth'
-    else if (isRadius) meta.$type = 'borderRadius'
-    else if (isShadow) meta.$type = 'boxShadow'
-    else if (isColor)  meta.$type = 'color'
-    else               meta.$type = 'other'
+    if      (isLength) meta.type = 'sizing'
+    else if (isBorder) meta.type = 'borderWidth'
+    else if (isRadius) meta.type = 'borderRadius'
+    else if (isShadow) meta.type = 'boxShadow'
+    else if (isColor)  meta.type = 'color'
+    else               meta.type = 'other'
 
-    if (!(meta.$type in figmatokens)) figmatokens[meta.$type] = {}
+    if (!(meta.type in figmatokens)) figmatokens[meta.type] = {}
     
     if (isColor) {
       let color = /--(.+?)-/.exec(key)[1]
-      if (!(color in figmatokens[meta.$type])) figmatokens[meta.$type][color] = {}
-      figmatokens[meta.$type][color][key] = {
-        $value: token,
+      if (!(color in figmatokens[meta.type])) figmatokens[meta.type][color] = {}
+      figmatokens[meta.type][color][key] = {
+        value: token,
         ...meta,
       }
     } else {
-      figmatokens[meta.$type][key] = {
-        $value: token,
+      figmatokens[meta.type][key] = {
+        value: token,
         ...meta,
@@ -39,0 +39,0 @@ }

open-props.figma-tokens.json

 {
   "borderRadius": {
     "--radius-conditional-6": {
-      "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
-      "$type": "borderRadius"
+      "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
+      "type": "borderRadius"
     },
     "--radius-conditional-5": {
-      "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
-      "$type": "borderRadius"
+      "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
+      "type": "borderRadius"
     },
     "--radius-conditional-4": {
-      "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
-      "$type": "borderRadius"
+      "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
+      "type": "borderRadius"
     },
     "--radius-conditional-3": {
-      "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
-      "$type": "borderRadius"
+      "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
+      "type": "borderRadius"
     },
     "--radius-conditional-2": {
-      "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
-      "$type": "borderRadius"
+      "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
+      "type": "borderRadius"
     },
     "--radius-conditional-1": {
-      "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
-      "$type": "borderRadius"
+      "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
+      "type": "borderRadius"
     },
     "--radius-blob-5": {
-      "$value": "49% 51% 48% 52% / 57% 44% 56% 43%",
-      "$type": "borderRadius"
+      "value": "49% 51% 48% 52% / 57% 44% 56% 43%",
+      "type": "borderRadius"
     },
     "--radius-blob-4": {
-      "$value": "63% 37% 37% 63% / 43% 37% 63% 57%",
-      "$type": "borderRadius"
+      "value": "63% 37% 37% 63% / 43% 37% 63% 57%",
+      "type": "borderRadius"
     },
     "--radius-blob-3": {
-      "$value": "37% 63% 56% 44% / 49% 56% 44% 51%",
-      "$type": "borderRadius"
+      "value": "37% 63% 56% 44% / 49% 56% 44% 51%",
+      "type": "borderRadius"
     },
     "--radius-blob-2": {
-      "$value": "53% 47% 34% 66% / 63% 46% 54% 37%",
-      "$type": "borderRadius"
+      "value": "53% 47% 34% 66% / 63% 46% 54% 37%",
+      "type": "borderRadius"
     },
     "--radius-blob-1": {
-      "$value": "30% 70% 70% 30% / 53% 30% 70% 47%",
-      "$type": "borderRadius"
+      "value": "30% 70% 70% 30% / 53% 30% 70% 47%",
+      "type": "borderRadius"
     },
     "--radius-round": {
-      "$value": "1e5px",
-      "$type": "borderRadius"
+      "value": "1e5px",
+      "type": "borderRadius"
     },
     "--radius-6": {
-      "$value": "8rem",
-      "$type": "borderRadius"
+      "value": "8rem",
+      "type": "borderRadius"
     },
     "--radius-5": {
-      "$value": "4rem",
-      "$type": "borderRadius"
+      "value": "4rem",
+      "type": "borderRadius"
     },
     "--radius-4": {
-      "$value": "2rem",
-      "$type": "borderRadius"
+      "value": "2rem",
+      "type": "borderRadius"
     },
     "--radius-3": {
-      "$value": "1rem",
-      "$type": "borderRadius"
+      "value": "1rem",
+      "type": "borderRadius"
     },
     "--radius-2": {
-      "$value": "5px",
-      "$type": "borderRadius"
+      "value": "5px",
+      "type": "borderRadius"
     },
     "--radius-1": {
-      "$value": "2px",
-      "$type": "borderRadius"
+      "value": "2px",
+      "type": "borderRadius"
     }
@@ -78,20 +78,20 @@ },
     "--border-size-5": {
-      "$value": "25px",
-      "$type": "borderWidth"
+      "value": "25px",
+      "type": "borderWidth"
     },
     "--border-size-4": {
-      "$value": "10px",
-      "$type": "borderWidth"
+      "value": "10px",
+      "type": "borderWidth"
     },
     "--border-size-3": {
-      "$value": "5px",
-      "$type": "borderWidth"
+      "value": "5px",
+      "type": "borderWidth"
     },
     "--border-size-2": {
-      "$value": "2px",
-      "$type": "borderWidth"
+      "value": "2px",
+      "type": "borderWidth"
     },
     "--border-size-1": {
-      "$value": "1px",
-      "$type": "borderWidth"
+      "value": "1px",
+      "type": "borderWidth"
     }
@@ -101,448 +101,448 @@ },
     "--noise-filter-5": {
-      "$value": "contrast(200%) brightness(1000%)",
-      "$type": "other"
+      "value": "contrast(200%) brightness(1000%)",
+      "type": "other"
     },
     "--noise-filter-4": {
-      "$value": "contrast(200%) brightness(500%)",
-      "$type": "other"
+      "value": "contrast(200%) brightness(500%)",
+      "type": "other"
     },
     "--noise-filter-3": {
-      "$value": "contrast(200%) brightness(250%)",
-      "$type": "other"
+      "value": "contrast(200%) brightness(250%)",
+      "type": "other"
     },
     "--noise-filter-2": {
-      "$value": "contrast(200%) brightness(150%)",
-      "$type": "other"
+      "value": "contrast(200%) brightness(150%)",
+      "type": "other"
     },
     "--noise-filter-1": {
-      "$value": "contrast(300%) brightness(100%)",
-      "$type": "other"
+      "value": "contrast(300%) brightness(100%)",
+      "type": "other"
     },
     "--noise-5": {
-      "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-      "$type": "other"
+      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+      "type": "other"
     },
     "--noise-4": {
-      "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-      "$type": "other"
+      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+      "type": "other"
     },
     "--noise-3": {
-      "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-      "$type": "other"
+      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+      "type": "other"
     },
     "--noise-2": {
-      "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-      "$type": "other"
+      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+      "type": "other"
     },
     "--noise-1": {
-      "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-      "$type": "other"
+      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+      "type": "other"
     },
     "--gradient-30": {
-      "$value": "radial-gradient(\n      circle at top right, \n      hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n    )",
-      "$type": "other"
+      "value": "radial-gradient(\n      circle at top right, \n      hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n    )",
+      "type": "other"
     },
     "--gradient-29": {
-      "$value": "\n    radial-gradient(\n      circle at top right, \n      hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n    )",
-      "$type": "other"
+      "value": "\n    radial-gradient(\n      circle at top right, \n      hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n    )",
+      "type": "other"
     },
     "--gradient-28": {
-      "$value": "conic-gradient(from -90deg at 50% 105%, white, orchid)",
-      "$type": "other"
+      "value": "conic-gradient(from -90deg at 50% 105%, white, orchid)",
+      "type": "other"
     },
     "--gradient-27": {
-      "$value": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)",
-      "$type": "other"
+      "value": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)",
+      "type": "other"
     },
     "--gradient-26": {
-      "$value": "linear-gradient(to bottom right,#9796f0,#fbc7d4)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#9796f0,#fbc7d4)",
+      "type": "other"
     },
     "--gradient-25": {
-      "$value": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
-      "$type": "other"
+      "value": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
+      "type": "other"
     },
     "--gradient-24": {
-      "$value": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)",
-      "$type": "other"
+      "value": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)",
+      "type": "other"
     },
     "--gradient-23": {
-      "$value": "linear-gradient(to bottom right,#536976,#292E49)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#536976,#292E49)",
+      "type": "other"
     },
     "--gradient-22": {
-      "$value": "linear-gradient(to bottom right,#acb6e5,#86fde8)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#acb6e5,#86fde8)",
+      "type": "other"
     },
     "--gradient-21": {
-      "$value": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
-      "$type": "other"
+      "value": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
+      "type": "other"
     },
     "--gradient-20": {
-      "$value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
-      "$type": "other"
+      "value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
+      "type": "other"
     },
     "--gradient-19": {
-      "$value": "linear-gradient(to bottom right,#ffe259,#ffa751)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#ffe259,#ffa751)",
+      "type": "other"
     },
     "--gradient-18": {
-      "$value": "\n    linear-gradient(0deg,   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),\n    linear-gradient(60deg,  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),\n    linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n    linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n    linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n    linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n  ",
-      "$type": "other"
+      "value": "\n    linear-gradient(0deg,   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),\n    linear-gradient(60deg,  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),\n    linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n    linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n    linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n    linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n  ",
+      "type": "other"
     },
     "--gradient-17": {
-      "$value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)",
-      "$type": "other"
+      "value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)",
+      "type": "other"
     },
     "--gradient-16": {
-      "$value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)",
-      "$type": "other"
+      "value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)",
+      "type": "other"
     },
     "--gradient-15": {
-      "$value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)",
+      "type": "other"
     },
     "--gradient-14": {
-      "$value": "conic-gradient(at top right, lime, cyan)",
-      "$type": "other"
+      "value": "conic-gradient(at top right, lime, cyan)",
+      "type": "other"
     },
     "--gradient-13": {
-      "$value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
-      "$type": "other"
+      "value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
+      "type": "other"
     },
     "--gradient-12": {
-      "$value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
-      "$type": "other"
+      "value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
+      "type": "other"
     },
     "--gradient-11": {
-      "$value": "conic-gradient(at bottom left, deeppink, cyan)",
-      "$type": "other"
+      "value": "conic-gradient(at bottom left, deeppink, cyan)",
+      "type": "other"
     },
     "--gradient-10": {
-      "$value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
-      "$type": "other"
+      "value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
+      "type": "other"
     },
     "--gradient-9": {
-      "$value": "conic-gradient(from .5turn at bottom center, lightblue, white)",
-      "$type": "other"
+      "value": "conic-gradient(from .5turn at bottom center, lightblue, white)",
+      "type": "other"
     },
     "--gradient-8": {
-      "$value": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)",
-      "$type": "other"
+      "value": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)",
+      "type": "other"
     },
     "--gradient-7": {
-      "$value": "linear-gradient(to bottom right,#72C6EF,#004E8F)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#72C6EF,#004E8F)",
+      "type": "other"
     },
     "--gradient-6": {
-      "$value": "conic-gradient(from -90deg at top left, black, white)",
-      "$type": "other"
+      "value": "conic-gradient(from -90deg at top left, black, white)",
+      "type": "other"
     },
     "--gradient-5": {
-      "$value": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)",
-      "$type": "other"
+      "value": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)",
+      "type": "other"
     },
     "--gradient-4": {
-      "$value": "linear-gradient(to bottom right,#00F5A0,#00D9F5)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#00F5A0,#00D9F5)",
+      "type": "other"
     },
     "--gradient-3": {
-      "$value": "\n    radial-gradient(\n      circle at top right, \n      hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n    )",
-      "$type": "other"
+      "value": "\n    radial-gradient(\n      circle at top right, \n      hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n    )",
+      "type": "other"
     },
     "--gradient-2": {
-      "$value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)",
+      "type": "other"
     },
     "--gradient-1": {
-      "$value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
-      "$type": "other"
+      "value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
+      "type": "other"
     },
     "--ratio-golden": {
-      "$value": "1.6180/1",
-      "$type": "other"
+      "value": "1.6180/1",
+      "type": "other"
     },
     "--ratio-ultrawide": {
-      "$value": "18/5",
-      "$type": "other"
+      "value": "18/5",
+      "type": "other"
     },
     "--ratio-widescreen": {
-      "$value": "16/9",
-      "$type": "other"
+      "value": "16/9",
+      "type": "other"
     },
     "--ratio-portrait": {
-      "$value": "3/4",
-      "$type": "other"
+      "value": "3/4",
+      "type": "other"
     },
     "--ratio-landscape": {
-      "$value": "4/3",
-      "$type": "other"
+      "value": "4/3",
+      "type": "other"
     },
     "--ratio-square": {
-      "$value": "1",
-      "$type": "other"
+      "value": "1",
+      "type": "other"
     },
     "--layer-important": {
-      "$value": 2147483647,
-      "$type": "other"
+      "value": 2147483647,
+      "type": "other"
     },
     "--layer-5": {
-      "$value": 5,
-      "$type": "other"
+      "value": 5,
+      "type": "other"
     },
     "--layer-4": {
-      "$value": 4,
-      "$type": "other"
+      "value": 4,
+      "type": "other"
     },
     "--layer-3": {
-      "$value": 3,
-      "$type": "other"
+      "value": 3,
+      "type": "other"
     },
     "--layer-2": {
-      "$value": 2,
-      "$type": "other"
+      "value": 2,
+      "type": "other"
     },
     "--layer-1": {
-      "$value": 1,
-      "$type": "other"
+      "value": 1,
+      "type": "other"
     },
     "--ease-bounce-5": {
-      "$value": "linear(\n    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n  )",
+      "type": "other"
     },
     "--ease-bounce-4": {
-      "$value": "linear(\n    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n  )",
+      "type": "other"
     },
     "--ease-bounce-3": {
-      "$value": "linear(\n    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n    0.96, 0.968, 0.981, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n    0.96, 0.968, 0.981, 1\n  )",
+      "type": "other"
     },
     "--ease-bounce-2": {
-      "$value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n    0.973, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n    0.973, 1\n  )",
+      "type": "other"
     },
     "--ease-bounce-1": {
-      "$value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n    0.885, 0.895, 0.908 89.7%, 0.946, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n    0.885, 0.895, 0.908 89.7%, 0.946, 1\n  )",
+      "type": "other"
     },
     "--ease-spring-5": {
-      "$value": "linear(\n    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n  )",
+      "type": "other"
     },
     "--ease-spring-4": {
-      "$value": "linear(\n    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n    0.998 78.9%, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n    0.998 78.9%, 1\n  )",
+      "type": "other"
     },
     "--ease-spring-3": {
-      "$value": "linear(\n    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n    0.997 69.8%, 1.003 76.9%, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n    0.997 69.8%, 1.003 76.9%, 1\n  )",
+      "type": "other"
     },
     "--ease-spring-2": {
-      "$value": "linear(\n    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n    0.999 61.6%, 0.995 71.2%, 1\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n    0.999 61.6%, 0.995 71.2%, 1\n  )",
+      "type": "other"
     },
     "--ease-spring-1": {
-      "$value": "linear(\n    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n    1.001\n  )",
-      "$type": "other"
+      "value": "linear(\n    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n    1.001\n  )",
+      "type": "other"
     },
     "--ease-squish-5": {
-      "$value": "var(--ease-elastic-in-out-5)",
-      "$type": "other"
+      "value": "var(--ease-elastic-in-out-5)",
+      "type": "other"
     },
     "--ease-squish-4": {
-      "$value": "var(--ease-elastic-in-out-4)",
-      "$type": "other"
+      "value": "var(--ease-elastic-in-out-4)",
+      "type": "other"
     },
     "--ease-squish-3": {
-      "$value": "var(--ease-elastic-in-out-3)",
-      "$type": "other"
+      "value": "var(--ease-elastic-in-out-3)",
+      "type": "other"
     },
     "--ease-squish-2": {
-      "$value": "var(--ease-elastic-in-out-2)",
-      "$type": "other"
+      "value": "var(--ease-elastic-in-out-2)",
+      "type": "other"
     },
     "--ease-squish-1": {
-      "$value": "var(--ease-elastic-in-out-1)",
-      "$type": "other"
+      "value": "var(--ease-elastic-in-out-1)",
+      "type": "other"
     },
     "--ease-elastic-5": {
-      "$value": "var(--ease-elastic-out-5)",
-      "$type": "other"
+      "value": "var(--ease-elastic-out-5)",
+      "type": "other"
     },
     "--ease-elastic-4": {
-      "$value": "var(--ease-elastic-out-4)",
-      "$type": "other"
+      "value": "var(--ease-elastic-out-4)",
+      "type": "other"
     },
     "--ease-elastic-3": {
-      "$value": "var(--ease-elastic-out-3)",
-      "$type": "other"
+      "value": "var(--ease-elastic-out-3)",
+      "type": "other"
     },
     "--ease-elastic-2": {
-      "$value": "var(--ease-elastic-out-2)",
-      "$type": "other"
+      "value": "var(--ease-elastic-out-2)",
+      "type": "other"
     },
     "--ease-elastic-1": {
-      "$value": "var(--ease-elastic-out-1)",
-      "$type": "other"
+      "value": "var(--ease-elastic-out-1)",
+      "type": "other"
     },
     "--ease-step-5": {
-      "$value": "steps(10)",
-      "$type": "other"
+      "value": "steps(10)",
+      "type": "other"
     },
     "--ease-step-4": {
-      "$value": "steps(7)",
-      "$type": "other"
+      "value": "steps(7)",
+      "type": "other"
     },
     "--ease-step-3": {
-      "$value": "steps(4)",
-      "$type": "other"
+      "value": "steps(4)",
+      "type": "other"
     },
     "--ease-step-2": {
-      "$value": "steps(3)",
-      "$type": "other"
+      "value": "steps(3)",
+      "type": "other"
     },
     "--ease-step-1": {
-      "$value": "steps(2)",
-      "$type": "other"
+      "value": "steps(2)",
+      "type": "other"
     },
     "--ease-elastic-in-out-5": {
-      "$value": "cubic-bezier(.5, -.9, .1, 1.5)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -.9, .1, 1.5)",
+      "type": "other"
     },
     "--ease-elastic-in-out-4": {
-      "$value": "cubic-bezier(.5, -.7, .1, 1.5)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -.7, .1, 1.5)",
+      "type": "other"
     },
     "--ease-elastic-in-out-3": {
-      "$value": "cubic-bezier(.5, -.5, .1, 1.5)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -.5, .1, 1.5)",
+      "type": "other"
     },
     "--ease-elastic-in-out-2": {
-      "$value": "cubic-bezier(.5, -.3, .1, 1.5)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -.3, .1, 1.5)",
+      "type": "other"
     },
     "--ease-elastic-in-out-1": {
-      "$value": "cubic-bezier(.5, -.1, .1, 1.5)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -.1, .1, 1.5)",
+      "type": "other"
     },
     "--ease-elastic-in-5": {
-      "$value": "cubic-bezier(.5, -1.25, .75, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -1.25, .75, 1)",
+      "type": "other"
     },
     "--ease-elastic-in-4": {
-      "$value": "cubic-bezier(.5, -1.00, .75, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -1.00, .75, 1)",
+      "type": "other"
     },
     "--ease-elastic-in-3": {
-      "$value": "cubic-bezier(.5, -0.75, .75, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -0.75, .75, 1)",
+      "type": "other"
     },
     "--ease-elastic-in-2": {
-      "$value": "cubic-bezier(.5, -0.50, .75, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -0.50, .75, 1)",
+      "type": "other"
     },
     "--ease-elastic-in-1": {
-      "$value": "cubic-bezier(.5, -0.25, .75, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, -0.25, .75, 1)",
+      "type": "other"
     },
     "--ease-elastic-out-5": {
-      "$value": "cubic-bezier(.5, 1.75, .75, 1.25)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, 1.75, .75, 1.25)",
+      "type": "other"
     },
     "--ease-elastic-out-4": {
-      "$value": "cubic-bezier(.5, 1.5, .75, 1.25)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, 1.5, .75, 1.25)",
+      "type": "other"
     },
     "--ease-elastic-out-3": {
-      "$value": "cubic-bezier(.5, 1.25, .75, 1.25)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, 1.25, .75, 1.25)",
+      "type": "other"
     },
     "--ease-elastic-out-2": {
-      "$value": "cubic-bezier(.5, 1, .75, 1.25)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, 1, .75, 1.25)",
+      "type": "other"
     },
     "--ease-elastic-out-1": {
-      "$value": "cubic-bezier(.5, .75, .75, 1.25)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, .75, .75, 1.25)",
+      "type": "other"
     },
     "--ease-in-out-5": {
-      "$value": "cubic-bezier(.9, 0, .1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.9, 0, .1, 1)",
+      "type": "other"
     },
     "--ease-in-out-4": {
-      "$value": "cubic-bezier(.7, 0, .3, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.7, 0, .3, 1)",
+      "type": "other"
     },
     "--ease-in-out-3": {
-      "$value": "cubic-bezier(.5, 0, .5, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.5, 0, .5, 1)",
+      "type": "other"
     },
     "--ease-in-out-2": {
-      "$value": "cubic-bezier(.3, 0, .7, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.3, 0, .7, 1)",
+      "type": "other"
     },
     "--ease-in-out-1": {
-      "$value": "cubic-bezier(.1, 0, .9, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.1, 0, .9, 1)",
+      "type": "other"
     },
     "--ease-out-5": {
-      "$value": "cubic-bezier(0, 0, 0, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(0, 0, 0, 1)",
+      "type": "other"
     },
     "--ease-out-4": {
-      "$value": "cubic-bezier(0, 0, .1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(0, 0, .1, 1)",
+      "type": "other"
     },
     "--ease-out-3": {
-      "$value": "cubic-bezier(0, 0, .3, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(0, 0, .3, 1)",
+      "type": "other"
     },
     "--ease-out-2": {
-      "$value": "cubic-bezier(0, 0, .50, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(0, 0, .50, 1)",
+      "type": "other"
     },
     "--ease-out-1": {
-      "$value": "cubic-bezier(0, 0, .75, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(0, 0, .75, 1)",
+      "type": "other"
     },
     "--ease-in-5": {
-      "$value": "cubic-bezier(1, 0, 1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(1, 0, 1, 1)",
+      "type": "other"
     },
     "--ease-in-4": {
-      "$value": "cubic-bezier(.90, 0, 1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.90, 0, 1, 1)",
+      "type": "other"
     },
     "--ease-in-3": {
-      "$value": "cubic-bezier(.70, 0, 1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.70, 0, 1, 1)",
+      "type": "other"
     },
     "--ease-in-2": {
-      "$value": "cubic-bezier(.50, 0, 1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.50, 0, 1, 1)",
+      "type": "other"
     },
     "--ease-in-1": {
-      "$value": "cubic-bezier(.25, 0, 1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.25, 0, 1, 1)",
+      "type": "other"
     },
     "--ease-5": {
-      "$value": "cubic-bezier(.25, 0, .1, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.25, 0, .1, 1)",
+      "type": "other"
     },
     "--ease-4": {
-      "$value": "cubic-bezier(.25, 0, .2, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.25, 0, .2, 1)",
+      "type": "other"
     },
     "--ease-3": {
-      "$value": "cubic-bezier(.25, 0, .3, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.25, 0, .3, 1)",
+      "type": "other"
     },
     "--ease-2": {
-      "$value": "cubic-bezier(.25, 0, .4, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.25, 0, .4, 1)",
+      "type": "other"
     },
     "--ease-1": {
-      "$value": "cubic-bezier(.25, 0, .5, 1)",
-      "$type": "other"
+      "value": "cubic-bezier(.25, 0, .5, 1)",
+      "type": "other"
     }
@@ -552,228 +552,228 @@ },
     "--size-relative-15": {
-      "$value": "30ch",
-      "$type": "sizing"
+      "value": "30ch",
+      "type": "sizing"
     },
     "--size-relative-14": {
-      "$value": "20ch",
-      "$type": "sizing"
+      "value": "20ch",
+      "type": "sizing"
     },
     "--size-relative-13": {
-      "$value": "15ch",
-      "$type": "sizing"
+      "value": "15ch",
+      "type": "sizing"
     },
     "--size-relative-12": {
-      "$value": "10ch",
-      "$type": "sizing"
+      "value": "10ch",
+      "type": "sizing"
     },
     "--size-relative-11": {
-      "$value": "7.5ch",
-      "$type": "sizing"
+      "value": "7.5ch",
+      "type": "sizing"
     },
     "--size-relative-10": {
-      "$value": "5ch",
-      "$type": "sizing"
+      "value": "5ch",
+      "type": "sizing"
     },
     "--size-relative-9": {
-      "$value": "4ch",
-      "$type": "sizing"
+      "value": "4ch",
+      "type": "sizing"
     },
     "--size-relative-8": {
-      "$value": "3ch",
-      "$type": "sizing"
+      "value": "3ch",
+      "type": "sizing"
     },
     "--size-relative-7": {
-      "$value": "2ch",
-      "$type": "sizing"
+      "value": "2ch",
+      "type": "sizing"
     },
     "--size-relative-6": {
-      "$value": "1.75ch",
-      "$type": "sizing"
+      "value": "1.75ch",
+      "type": "sizing"
     },
     "--size-relative-5": {
-      "$value": "1.5ch",
-      "$type": "sizing"
+      "value": "1.5ch",
+      "type": "sizing"
     },
     "--size-relative-4": {
-      "$value": "1.25ch",
-      "$type": "sizing"
+      "value": "1.25ch",
+      "type": "sizing"
     },
     "--size-relative-3": {
-      "$value": "1ch",
-      "$type": "sizing"
+      "value": "1ch",
+      "type": "sizing"
     },
     "--size-relative-2": {
-      "$value": ".5ch",
-      "$type": "sizing"
+      "value": ".5ch",
+      "type": "sizing"
     },
     "--size-relative-1": {
-      "$value": ".25ch",
-      "$type": "sizing"
+      "value": ".25ch",
+      "type": "sizing"
     },
     "--size-relative-00": {
-      "$value": "-.25ch",
-      "$type": "sizing"
+      "value": "-.25ch",
+      "type": "sizing"
     },
     "--size-relative-000": {
-      "$value": "-.5ch",
-      "$type": "sizing"
+      "value": "-.5ch",
+      "type": "sizing"
     },
     "--size-xxl": {
-      "$value": "1920px",
-      "$type": "sizing"
+      "value": "1920px",
+      "type": "sizing"
     },
     "--size-xl": {
-      "$value": "1440px",
-      "$type": "sizing"
+      "value": "1440px",
+      "type": "sizing"
     },
     "--size-lg": {
-      "$value": "1024px",
-      "$type": "sizing"
+      "value": "1024px",
+      "type": "sizing"
     },
     "--size-md": {
-      "$value": "768px",
-      "$type": "sizing"
+      "value": "768px",
+      "type": "sizing"
     },
     "--size-sm": {
-      "$value": "480px",
-      "$type": "sizing"
+      "value": "480px",
+      "type": "sizing"
     },
     "--size-xs": {
-      "$value": "360px",
-      "$type": "sizing"
+      "value": "360px",
+      "type": "sizing"
     },
     "--size-xxs": {
-      "$value": "240px",
-      "$type": "sizing"
+      "value": "240px",
+      "type": "sizing"
     },
     "--size-header-3": {
-      "$value": "35ch",
-      "$type": "sizing"
+      "value": "35ch",
+      "type": "sizing"
     },
     "--size-header-2": {
-      "$value": "25ch",
-      "$type": "sizing"
+      "value": "25ch",
+      "type": "sizing"
     },
     "--size-header-1": {
-      "$value": "20ch",
-      "$type": "sizing"
+      "value": "20ch",
+      "type": "sizing"
     },
     "--size-content-3": {
-      "$value": "60ch",
-      "$type": "sizing"
+      "value": "60ch",
+      "type": "sizing"
     },
     "--size-content-2": {
-      "$value": "45ch",
-      "$type": "sizing"
+      "value": "45ch",
+      "type": "sizing"
     },
     "--size-content-1": {
-      "$value": "20ch",
-      "$type": "sizing"
+      "value": "20ch",
+      "type": "sizing"
     },
     "--size-fluid-10": {
-      "$value": "clamp(20rem, 40vw, 30rem)",
-      "$type": "sizing"
+      "value": "clamp(20rem, 40vw, 30rem)",
+      "type": "sizing"
     },
     "--size-fluid-9": {
-      "$value": "clamp(15rem, 30vw, 20rem)",
-      "$type": "sizing"
+      "value": "clamp(15rem, 30vw, 20rem)",
+      "type": "sizing"
     },
     "--size-fluid-8": {
-      "$value": "clamp(10rem, 20vw, 15rem)",
-      "$type": "sizing"
+      "value": "clamp(10rem, 20vw, 15rem)",
+      "type": "sizing"
     },
     "--size-fluid-7": {
-      "$value": "clamp(7.5rem, 10vw, 10rem)",
-      "$type": "sizing"
+      "value": "clamp(7.5rem, 10vw, 10rem)",
+      "type": "sizing"
     },
     "--size-fluid-6": {
-      "$value": "clamp(5rem, 7vw, 7.5rem)",
-      "$type": "sizing"
+      "value": "clamp(5rem, 7vw, 7.5rem)",
+      "type": "sizing"
     },
     "--size-fluid-5": {
-      "$value": "clamp(4rem, 5vw, 5rem)",
-      "$type": "sizing"
+      "value": "clamp(4rem, 5vw, 5rem)",
+      "type": "sizing"
     },
     "--size-fluid-4": {
-      "$value": "clamp(2rem, 4vw, 3rem)",
-      "$type": "sizing"
+      "value": "clamp(2rem, 4vw, 3rem)",
+      "type": "sizing"
     },
     "--size-fluid-3": {
-      "$value": "clamp(1.5rem, 3vw, 2rem)",
-      "$type": "sizing"
+      "value": "clamp(1.5rem, 3vw, 2rem)",
+      "type": "sizing"
     },
     "--size-fluid-2": {
-      "$value": "clamp(1rem, 2vw, 1.5rem)",
-      "$type": "sizing"
+      "value": "clamp(1rem, 2vw, 1.5rem)",
+      "type": "sizing"
     },
     "--size-fluid-1": {
-      "$value": "clamp(.5rem, 1vw, 1rem)",
-      "$type": "sizing"
+      "value": "clamp(.5rem, 1vw, 1rem)",
+      "type": "sizing"
     },
     "--size-15": {
-      "$value": "30rem",
-      "$type": "sizing"
+      "value": "30rem",
+      "type": "sizing"
     },
     "--size-14": {
-      "$value": "20rem",
-      "$type": "sizing"
+      "value": "20rem",
+      "type": "sizing"
     },
     "--size-13": {
-      "$value": "15rem",
-      "$type": "sizing"
+      "value": "15rem",
+      "type": "sizing"
     },
     "--size-12": {
-      "$value": "10rem",
-      "$type": "sizing"
+      "value": "10rem",
+      "type": "sizing"
     },
     "--size-11": {
-      "$value": "7.5rem",
-      "$type": "sizing"
+      "value": "7.5rem",
+      "type": "sizing"
     },
     "--size-10": {
-      "$value": "5rem",
-      "$type": "sizing"
+      "value": "5rem",
+      "type": "sizing"
     },
     "--size-9": {
-      "$value": "4rem",
-      "$type": "sizing"
+      "value": "4rem",
+      "type": "sizing"
     },
     "--size-8": {
-      "$value": "3rem",
-      "$type": "sizing"
+      "value": "3rem",
+      "type": "sizing"
     },
     "--size-7": {
-      "$value": "2rem",
-      "$type": "sizing"
+      "value": "2rem",
+      "type": "sizing"
     },
     "--size-6": {
-      "$value": "1.75rem",
-      "$type": "sizing"
+      "value": "1.75rem",
+      "type": "sizing"
     },
     "--size-5": {
-      "$value": "1.5rem",
-      "$type": "sizing"
+      "value": "1.5rem",
+      "type": "sizing"
     },
     "--size-4": {
-      "$value": "1.25rem",
-      "$type": "sizing"
+      "value": "1.25rem",
+      "type": "sizing"
     },
     "--size-3": {
-      "$value": "1rem",
-      "$type": "sizing"
+      "value": "1rem",
+      "type": "sizing"
     },
     "--size-2": {
-      "$value": ".5rem",
-      "$type": "sizing"
+      "value": ".5rem",
+      "type": "sizing"
     },
     "--size-1": {
-      "$value": ".25rem",
-      "$type": "sizing"
+      "value": ".25rem",
+      "type": "sizing"
     },
     "--size-00": {
-      "$value": "-.25rem",
-      "$type": "sizing"
+      "value": "-.25rem",
+      "type": "sizing"
     },
     "--size-000": {
-      "$value": "-.5rem",
-      "$type": "sizing"
+      "value": "-.5rem",
+      "type": "sizing"
     }
@@ -784,52 +784,52 @@ },
       "--yellow-12": {
-        "$value": "#663500",
-        "$type": "color"
+        "value": "#663500",
+        "type": "color"
       },
       "--yellow-11": {
-        "$value": "#804200",
-        "$type": "color"
+        "value": "#804200",
+        "type": "color"
       },
       "--yellow-10": {
-        "$value": "#b35c00",
-        "$type": "color"
+        "value": "#b35c00",
+        "type": "color"
       },
       "--yellow-9": {
-        "$value": "#e67700",
-        "$type": "color"
+        "value": "#e67700",
+        "type": "color"
       },
       "--yellow-8": {
-        "$value": "#f08c00",
-        "$type": "color"
+        "value": "#f08c00",
+        "type": "color"
       },
       "--yellow-7": {
-        "$value": "#f59f00",
-        "$type": "color"
+        "value": "#f59f00",
+        "type": "color"
       },
       "--yellow-6": {
-        "$value": "#fab005",
-        "$type": "color"
+        "value": "#fab005",
+        "type": "color"
       },
       "--yellow-5": {
-        "$value": "#fcc419",
-        "$type": "color"
+        "value": "#fcc419",
+        "type": "color"
       },
       "--yellow-4": {
-        "$value": "#ffd43b",
-        "$type": "color"
+        "value": "#ffd43b",
+        "type": "color"
       },
       "--yellow-3": {
-        "$value": "#ffe066",
-        "$type": "color"
+        "value": "#ffe066",
+        "type": "color"
       },
       "--yellow-2": {
-        "$value": "#ffec99",
-        "$type": "color"
+        "value": "#ffec99",
+        "type": "color"
       },
       "--yellow-1": {
-        "$value": "#fff3bf",
-        "$type": "color"
+        "value": "#fff3bf",
+        "type": "color"
       },
       "--yellow-0": {
-        "$value": "#fff9db",
-        "$type": "color"
+        "value": "#fff9db",
+        "type": "color"
       }
@@ -839,52 +839,52 @@ },
       "--violet-12": {
-        "$value": "#3a2578",
-        "$type": "color"
+        "value": "#3a2578",
+        "type": "color"
       },
       "--violet-11": {
-        "$value": "#462d91",
-        "$type": "color"
+        "value": "#462d91",
+        "type": "color"
       },
       "--violet-10": {
-        "$value": "#5235ab",
-        "$type": "color"
+        "value": "#5235ab",
+        "type": "color"
       },
       "--violet-9": {
-        "$value": "#5f3dc4",
-        "$type": "color"
+        "value": "#5f3dc4",
+        "type": "color"
       },
       "--violet-8": {
-        "$value": "#6741d9",
-        "$type": "color"
+        "value": "#6741d9",
+        "type": "color"
       },
       "--violet-7": {
-        "$value": "#7048e8",
-        "$type": "color"
+        "value": "#7048e8",
+        "type": "color"
       },
       "--violet-6": {
-        "$value": "#7950f2",
-        "$type": "color"
+        "value": "#7950f2",
+        "type": "color"
       },
       "--violet-5": {
-        "$value": "#845ef7",
-        "$type": "color"
+        "value": "#845ef7",
+        "type": "color"
       },
       "--violet-4": {
-        "$value": "#9775fa",
-        "$type": "color"
+        "value": "#9775fa",
+        "type": "color"
       },
       "--violet-3": {
-        "$value": "#b197fc",
-        "$type": "color"
+        "value": "#b197fc",
+        "type": "color"
       },
       "--violet-2": {
-        "$value": "#d0bfff",
-        "$type": "color"
+        "value": "#d0bfff",
+        "type": "color"
       },
       "--violet-1": {
-        "$value": "#e5dbff",
-        "$type": "color"
+        "value": "#e5dbff",
+        "type": "color"
       },
       "--violet-0": {
-        "$value": "#f3f0ff",
-        "$type": "color"
+        "value": "#f3f0ff",
+        "type": "color"
       }
@@ -894,52 +894,52 @@ },
       "--teal-12": {
-        "$value": "#033325",
-        "$type": "color"
+        "value": "#033325",
+        "type": "color"
       },
       "--teal-11": {
-        "$value": "#054d37",
-        "$type": "color"
+        "value": "#054d37",
+        "type": "color"
       },
       "--teal-10": {
-        "$value": "#066649",
-        "$type": "color"
+        "value": "#066649",
+        "type": "color"
       },
       "--teal-9": {
-        "$value": "#087f5b",
-        "$type": "color"
+        "value": "#087f5b",
+        "type": "color"
       },
       "--teal-8": {
-        "$value": "#099268",
-        "$type": "color"
+        "value": "#099268",
+        "type": "color"
       },
       "--teal-7": {
-        "$value": "#0ca678",
-        "$type": "color"
+        "value": "#0ca678",
+        "type": "color"
       },
       "--teal-6": {
-        "$value": "#12b886",
-        "$type": "color"
+        "value": "#12b886",
+        "type": "color"
       },
       "--teal-5": {
-        "$value": "#20c997",
-        "$type": "color"
+        "value": "#20c997",
+        "type": "color"
       },
       "--teal-4": {
-        "$value": "#38d9a9",
-        "$type": "color"
+        "value": "#38d9a9",
+        "type": "color"
       },
       "--teal-3": {
-        "$value": "#63e6be",
-        "$type": "color"
+        "value": "#63e6be",
+        "type": "color"
       },
       "--teal-2": {
-        "$value": "#96f2d7",
-        "$type": "color"
+        "value": "#96f2d7",
+        "type": "color"
       },
       "--teal-1": {
-        "$value": "#c3fae8",
-        "$type": "color"
+        "value": "#c3fae8",
+        "type": "color"
       },
       "--teal-0": {
-        "$value": "#e6fcf5",
-        "$type": "color"
+        "value": "#e6fcf5",
+        "type": "color"
       }
@@ -949,52 +949,52 @@ },
       "--stone-12": {
-        "$value": "#121210",
-        "$type": "color"
+        "value": "#121210",
+        "type": "color"
       },
       "--stone-11": {
-        "$value": "#252521",
-        "$type": "color"
+        "value": "#252521",
+        "type": "color"
       },
       "--stone-10": {
-        "$value": "#3a3a37",
-        "$type": "color"
+        "value": "#3a3a37",
+        "type": "color"
       },
       "--stone-9": {
-        "$value": "#50514f",
-        "$type": "color"
+        "value": "#50514f",
+        "type": "color"
       },
       "--stone-8": {
-        "$value": "#666968",
-        "$type": "color"
+        "value": "#666968",
+        "type": "color"
       },
       "--stone-7": {
-        "$value": "#7e8282",
-        "$type": "color"
+        "value": "#7e8282",
+        "type": "color"
       },
       "--stone-6": {
-        "$value": "#979b9d",
-        "$type": "color"
+        "value": "#979b9d",
+        "type": "color"
       },
       "--stone-5": {
-        "$value": "#b1b6b9",
-        "$type": "color"
+        "value": "#b1b6b9",
+        "type": "color"
       },
       "--stone-4": {
-        "$value": "#d1d6d8",
-        "$type": "color"
+        "value": "#d1d6d8",
+        "type": "color"
       },
       "--stone-3": {
-        "$value": "#e0e4e5",
-        "$type": "color"
+        "value": "#e0e4e5",
+        "type": "color"
       },
       "--stone-2": {
-        "$value": "#ebedef",
-        "$type": "color"
+        "value": "#ebedef",
+        "type": "color"
       },
       "--stone-1": {
-        "$value": "#f2f4f6",
-        "$type": "color"
+        "value": "#f2f4f6",
+        "type": "color"
       },
       "--stone-0": {
-        "$value": "#f8fafb",
-        "$type": "color"
+        "value": "#f8fafb",
+        "type": "color"
       }
@@ -1004,52 +1004,52 @@ },
       "--sand-12": {
-        "$value": "#121210",
-        "$type": "color"
+        "value": "#121210",
+        "type": "color"
       },
       "--sand-11": {
-        "$value": "#252521",
-        "$type": "color"
+        "value": "#252521",
+        "type": "color"
       },
       "--sand-10": {
-        "$value": "#38352d",
-        "$type": "color"
+        "value": "#38352d",
+        "type": "color"
       },
       "--sand-9": {
-        "$value": "#4b4639",
-        "$type": "color"
+        "value": "#4b4639",
+        "type": "color"
       },
       "--sand-8": {
-        "$value": "#5f5746",
-        "$type": "color"
+        "value": "#5f5746",
+        "type": "color"
       },
       "--sand-7": {
-        "$value": "#736a53",
-        "$type": "color"
+        "value": "#736a53",
+        "type": "color"
       },
       "--sand-6": {
-        "$value": "#867c65",
-        "$type": "color"
+        "value": "#867c65",
+        "type": "color"
       },
       "--sand-5": {
-        "$value": "#9a9178",
-        "$type": "color"
+        "value": "#9a9178",
+        "type": "color"
       },
       "--sand-4": {
-        "$value": "#aea58c",
-        "$type": "color"
+        "value": "#aea58c",
+        "type": "color"
       },
       "--sand-3": {
-        "$value": "#c2b9a0",
-        "$type": "color"
+        "value": "#c2b9a0",
+        "type": "color"
       },
       "--sand-2": {
-        "$value": "#d5cfbd",
-        "$type": "color"
+        "value": "#d5cfbd",
+        "type": "color"
       },
       "--sand-1": {
-        "$value": "#e6e4dc",
-        "$type": "color"
+        "value": "#e6e4dc",
+        "type": "color"
       },
       "--sand-0": {
-        "$value": "#f8fafb",
-        "$type": "color"
+        "value": "#f8fafb",
+        "type": "color"
       }
@@ -1059,52 +1059,52 @@ },
       "--red-12": {
-        "$value": "#7d1a1a",
-        "$type": "color"
+        "value": "#7d1a1a",
+        "type": "color"
       },
       "--red-11": {
-        "$value": "#962020",
-        "$type": "color"
+        "value": "#962020",
+        "type": "color"
       },
       "--red-10": {
-        "$value": "#b02525",
-        "$type": "color"
+        "value": "#b02525",
+        "type": "color"
       },
       "--red-9": {
-        "$value": "#c92a2a",
-        "$type": "color"
+        "value": "#c92a2a",
+        "type": "color"
       },
       "--red-8": {
-        "$value": "#e03131",
-        "$type": "color"
+        "value": "#e03131",
+        "type": "color"
       },
       "--red-7": {
-        "$value": "#f03e3e",
-        "$type": "color"
+        "value": "#f03e3e",
+        "type": "color"
       },
       "--red-6": {
-        "$value": "#fa5252",
-        "$type": "color"
+        "value": "#fa5252",
+        "type": "color"
       },
       "--red-5": {
-        "$value": "#ff6b6b",
-        "$type": "color"
+        "value": "#ff6b6b",
+        "type": "color"
       },
       "--red-4": {
-        "$value": "#ff8787",
-        "$type": "color"
+        "value": "#ff8787",
+        "type": "color"
       },
       "--red-3": {
-        "$value": "#ffa8a8",
-        "$type": "color"
+        "value": "#ffa8a8",
+        "type": "color"
       },
       "--red-2": {
-        "$value": "#ffc9c9",
-        "$type": "color"
+        "value": "#ffc9c9",
+        "type": "color"
       },
       "--red-1": {
-        "$value": "#ffe3e3",
-        "$type": "color"
+        "value": "#ffe3e3",
+        "type": "color"
       },
       "--red-0": {
-        "$value": "#fff5f5",
-        "$type": "color"
+        "value": "#fff5f5",
+        "type": "color"
       }
@@ -1114,52 +1114,52 @@ },
       "--purple-12": {
-        "$value": "#44174f",
-        "$type": "color"
+        "value": "#44174f",
+        "type": "color"
       },
       "--purple-11": {
-        "$value": "#5a1e69",
-        "$type": "color"
+        "value": "#5a1e69",
+        "type": "color"
       },
       "--purple-10": {
-        "$value": "#702682",
-        "$type": "color"
+        "value": "#702682",
+        "type": "color"
       },
       "--purple-9": {
-        "$value": "#862e9c",
-        "$type": "color"
+        "value": "#862e9c",
+        "type": "color"
       },
       "--purple-8": {
-        "$value": "#9c36b5",
-        "$type": "color"
+        "value": "#9c36b5",
+        "type": "color"
       },
       "--purple-7": {
-        "$value": "#ae3ec9",
-        "$type": "color"
+        "value": "#ae3ec9",
+        "type": "color"
       },
       "--purple-6": {
-        "$value": "#be4bdb",
-        "$type": "color"
+        "value": "#be4bdb",
+        "type": "color"
       },
       "--purple-5": {
-        "$value": "#cc5de8",
-        "$type": "color"
+        "value": "#cc5de8",
+        "type": "color"
       },
       "--purple-4": {
-        "$value": "#da77f2",
-        "$type": "color"
+        "value": "#da77f2",
+        "type": "color"
       },
       "--purple-3": {
-        "$value": "#e599f7",
-        "$type": "color"
+        "value": "#e599f7",
+        "type": "color"
       },
       "--purple-2": {
-        "$value": "#eebefa",
-        "$type": "color"
+        "value": "#eebefa",
+        "type": "color"
       },
       "--purple-1": {
-        "$value": "#f3d9fa",
-        "$type": "color"
+        "value": "#f3d9fa",
+        "type": "color"
       },
       "--purple-0": {
-        "$value": "#f8f0fc",
-        "$type": "color"
+        "value": "#f8f0fc",
+        "type": "color"
       }
@@ -1169,52 +1169,52 @@ },
       "--pink-12": {
-        "$value": "#59102a",
-        "$type": "color"
+        "value": "#59102a",
+        "type": "color"
       },
       "--pink-11": {
-        "$value": "#731536",
-        "$type": "color"
+        "value": "#731536",
+        "type": "color"
       },
       "--pink-10": {
-        "$value": "#8c1941",
-        "$type": "color"
+        "value": "#8c1941",
+        "type": "color"
       },
       "--pink-9": {
-        "$value": "#a61e4d",
-        "$type": "color"
+        "value": "#a61e4d",
+        "type": "color"
       },
       "--pink-8": {
-        "$value": "#c2255c",
-        "$type": "color"
+        "value": "#c2255c",
+        "type": "color"
       },
       "--pink-7": {
-        "$value": "#d6336c",
-        "$type": "color"
+        "value": "#d6336c",
+        "type": "color"
       },
       "--pink-6": {
-        "$value": "#e64980",
-        "$type": "color"
+        "value": "#e64980",
+        "type": "color"
       },
       "--pink-5": {
-        "$value": "#f06595",
-        "$type": "color"
+        "value": "#f06595",
+        "type": "color"
       },
       "--pink-4": {
-        "$value": "#f783ac",
-        "$type": "color"
+        "value": "#f783ac",
+        "type": "color"
       },
       "--pink-3": {
-        "$value": "#faa2c1",
-        "$type": "color"
+        "value": "#faa2c1",
+        "type": "color"
       },
       "--pink-2": {
-        "$value": "#fcc2d7",
-        "$type": "color"
+        "value": "#fcc2d7",
+        "type": "color"
       },
       "--pink-1": {
-        "$value": "#ffdeeb",
-        "$type": "color"
+        "value": "#ffdeeb",
+        "type": "color"
       },
       "--pink-0": {
-        "$value": "#fff0f6",
-        "$type": "color"
+        "value": "#fff0f6",
+        "type": "color"
       }
@@ -1224,52 +1224,52 @@ },
       "--orange-12": {
-        "$value": "#802b09",
-        "$type": "color"
+        "value": "#802b09",
+        "type": "color"
       },
       "--orange-11": {
-        "$value": "#99330b",
-        "$type": "color"
+        "value": "#99330b",
+        "type": "color"
       },
       "--orange-10": {
-        "$value": "#bf400d",
-        "$type": "color"
+        "value": "#bf400d",
+        "type": "color"
       },
       "--orange-9": {
-        "$value": "#d9480f",
-        "$type": "color"
+        "value": "#d9480f",
+        "type": "color"
       },
       "--orange-8": {
-        "$value": "#e8590c",
-        "$type": "color"
+        "value": "#e8590c",
+        "type": "color"
       },
       "--orange-7": {
-        "$value": "#f76707",
-        "$type": "color"
+        "value": "#f76707",
+        "type": "color"
       },
       "--orange-6": {
-        "$value": "#fd7e14",
-        "$type": "color"
+        "value": "#fd7e14",
+        "type": "color"
       },
       "--orange-5": {
-        "$value": "#ff922b",
-        "$type": "color"
+        "value": "#ff922b",
+        "type": "color"
       },
       "--orange-4": {
-        "$value": "#ffa94d",
-        "$type": "color"
+        "value": "#ffa94d",
+        "type": "color"
       },
       "--orange-3": {
-        "$value": "#ffc078",
-        "$type": "color"
+        "value": "#ffc078",
+        "type": "color"
       },
       "--orange-2": {
-        "$value": "#ffd8a8",
-        "$type": "color"
+        "value": "#ffd8a8",
+        "type": "color"
       },
       "--orange-1": {
-        "$value": "#ffe8cc",
-        "$type": "color"
+        "value": "#ffe8cc",
+        "type": "color"
       },
       "--orange-0": {
-        "$value": "#fff4e6",
-        "$type": "color"
+        "value": "#fff4e6",
+        "type": "color"
       }
@@ -1279,52 +1279,52 @@ },
       "--lime-12": {
-        "$value": "#2c4706",
-        "$type": "color"
+        "value": "#2c4706",
+        "type": "color"
       },
       "--lime-11": {
-        "$value": "#3c6109",
-        "$type": "color"
+        "value": "#3c6109",
+        "type": "color"
       },
       "--lime-10": {
-        "$value": "#4c7a0b",
-        "$type": "color"
+        "value": "#4c7a0b",
+        "type": "color"
       },
       "--lime-9": {
-        "$value": "#5c940d",
-        "$type": "color"
+        "value": "#5c940d",
+        "type": "color"
       },
       "--lime-8": {
-        "$value": "#66a80f",
-        "$type": "color"
+        "value": "#66a80f",
+        "type": "color"
       },
       "--lime-7": {
-        "$value": "#74b816",
-        "$type": "color"
+        "value": "#74b816",
+        "type": "color"
       },
       "--lime-6": {
-        "$value": "#82c91e",
-        "$type": "color"
+        "value": "#82c91e",
+        "type": "color"
       },
       "--lime-5": {
-        "$value": "#94d82d",
-        "$type": "color"
+        "value": "#94d82d",
+        "type": "color"
       },
       "--lime-4": {
-        "$value": "#a9e34b",
-        "$type": "color"
+        "value": "#a9e34b",
+        "type": "color"
       },
       "--lime-3": {
-        "$value": "#c0eb75",
-        "$type": "color"
+        "value": "#c0eb75",
+        "type": "color"
       },
       "--lime-2": {
-        "$value": "#d8f5a2",
-        "$type": "color"
+        "value": "#d8f5a2",
+        "type": "color"
       },
       "--lime-1": {
-        "$value": "#e9fac8",
-        "$type": "color"
+        "value": "#e9fac8",
+        "type": "color"
       },
       "--lime-0": {
-        "$value": "#f4fce3",
-        "$type": "color"
+        "value": "#f4fce3",
+        "type": "color"
       }
@@ -1334,52 +1334,52 @@ },
       "--jungle-12": {
-        "$value": "#3d4d04",
-        "$type": "color"
+        "value": "#3d4d04",
+        "type": "color"
       },
       "--jungle-11": {
-        "$value": "#516605",
-        "$type": "color"
+        "value": "#516605",
+        "type": "color"
       },
       "--jungle-10": {
-        "$value": "#658006",
-        "$type": "color"
+        "value": "#658006",
+        "type": "color"
       },
       "--jungle-9": {
-        "$value": "#7a9908",
-        "$type": "color"
+        "value": "#7a9908",
+        "type": "color"
       },
       "--jungle-8": {
-        "$value": "#84a513",
-        "$type": "color"
+        "value": "#84a513",
+        "type": "color"
       },
       "--jungle-7": {
-        "$value": "#8fb024",
-        "$type": "color"
+        "value": "#8fb024",
+        "type": "color"
       },
       "--jungle-6": {
-        "$value": "#9bbb36",
-        "$type": "color"
+        "value": "#9bbb36",
+        "type": "color"
       },
       "--jungle-5": {
-        "$value": "#a8c648",
-        "$type": "color"
+        "value": "#a8c648",
+        "type": "color"
       },
       "--jungle-4": {
-        "$value": "#b5d15b",
-        "$type": "color"
+        "value": "#b5d15b",
+        "type": "color"
       },
       "--jungle-3": {
-        "$value": "#c2dd6e",
-        "$type": "color"
+        "value": "#c2dd6e",
+        "type": "color"
       },
       "--jungle-2": {
-        "$value": "#d0e884",
-        "$type": "color"
+        "value": "#d0e884",
+        "type": "color"
       },
       "--jungle-1": {
-        "$value": "#def39a",
-        "$type": "color"
+        "value": "#def39a",
+        "type": "color"
       },
       "--jungle-0": {
-        "$value": "#ecfeb0",
-        "$type": "color"
+        "value": "#ecfeb0",
+        "type": "color"
       }
@@ -1389,52 +1389,52 @@ },
       "--indigo-12": {
-        "$value": "#21307a",
-        "$type": "color"
+        "value": "#21307a",
+        "type": "color"
       },
       "--indigo-11": {
-        "$value": "#283a94",
-        "$type": "color"
+        "value": "#283a94",
+        "type": "color"
       },
       "--indigo-10": {
-        "$value": "#2f44ad",
-        "$type": "color"
+        "value": "#2f44ad",
+        "type": "color"
       },
       "--indigo-9": {
-        "$value": "#364fc7",
-        "$type": "color"
+        "value": "#364fc7",
+        "type": "color"
       },
       "--indigo-8": {
-        "$value": "#3b5bdb",
-        "$type": "color"
+        "value": "#3b5bdb",
+        "type": "color"
       },
       "--indigo-7": {
-        "$value": "#4263eb",
-        "$type": "color"
+        "value": "#4263eb",
+        "type": "color"
       },
       "--indigo-6": {
-        "$value": "#4c6ef5",
-        "$type": "color"
+        "value": "#4c6ef5",
+        "type": "color"
       },
       "--indigo-5": {
-        "$value": "#5c7cfa",
-        "$type": "color"
+        "value": "#5c7cfa",
+        "type": "color"
       },
       "--indigo-4": {
-        "$value": "#748ffc",
-        "$type": "color"
+        "value": "#748ffc",
+        "type": "color"
       },
       "--indigo-3": {
-        "$value": "#91a7ff",
-        "$type": "color"
+        "value": "#91a7ff",
+        "type": "color"
       },
       "--indigo-2": {
-        "$value": "#bac8ff",
-        "$type": "color"
+        "value": "#bac8ff",
+        "type": "color"
       },
       "--indigo-1": {
-        "$value": "#dbe4ff",
-        "$type": "color"
+        "value": "#dbe4ff",
+        "type": "color"
       },
       "--indigo-0": {
-        "$value": "#edf2ff",
-        "$type": "color"
+        "value": "#edf2ff",
+        "type": "color"
       }
@@ -1444,52 +1444,52 @@ },
       "--green-12": {
-        "$value": "#133d1b",
-        "$type": "color"
+        "value": "#133d1b",
+        "type": "color"
       },
       "--green-11": {
-        "$value": "#1b5727",
-        "$type": "color"
+        "value": "#1b5727",
+        "type": "color"
       },
       "--green-10": {
-        "$value": "#237032",
-        "$type": "color"
+        "value": "#237032",
+        "type": "color"
       },
       "--green-9": {
-        "$value": "#2b8a3e",
-        "$type": "color"
+        "value": "#2b8a3e",
+        "type": "color"
       },
       "--green-8": {
-        "$value": "#2f9e44",
-        "$type": "color"
+        "value": "#2f9e44",
+        "type": "color"
       },
       "--green-7": {
-        "$value": "#37b24d",
-        "$type": "color"
+        "value": "#37b24d",
+        "type": "color"
       },
       "--green-6": {
-        "$value": "#40c057",
-        "$type": "color"
+        "value": "#40c057",
+        "type": "color"
       },
       "--green-5": {
-        "$value": "#51cf66",
-        "$type": "color"
+        "value": "#51cf66",
+        "type": "color"
       },
       "--green-4": {
-        "$value": "#69db7c",
-        "$type": "color"
+        "value": "#69db7c",
+        "type": "color"
       },
       "--green-3": {
-        "$value": "#8ce99a",
-        "$type": "color"
+        "value": "#8ce99a",
+        "type": "color"
       },
       "--green-2": {
-        "$value": "#b2f2bb",
-        "$type": "color"
+        "value": "#b2f2bb",
+        "type": "color"
       },
       "--green-1": {
-        "$value": "#d3f9d8",
-        "$type": "color"
+        "value": "#d3f9d8",
+        "type": "color"
       },
       "--green-0": {
-        "$value": "#ebfbee",
-        "$type": "color"
+        "value": "#ebfbee",
+        "type": "color"
       }
@@ -1499,52 +1499,52 @@ },
       "--gray-12": {
-        "$value": "#030507",
-        "$type": "color"
+        "value": "#030507",
+        "type": "color"
       },
       "--gray-11": {
-        "$value": "#0d0f12",
-        "$type": "color"
+        "value": "#0d0f12",
+        "type": "color"
       },
       "--gray-10": {
-        "$value": "#16191d",
-        "$type": "color"
+        "value": "#16191d",
+        "type": "color"
       },
       "--gray-9": {
-        "$value": "#212529",
-        "$type": "color"
+        "value": "#212529",
+        "type": "color"
       },
       "--gray-8": {
-        "$value": "#343a40",
-        "$type": "color"
+        "value": "#343a40",
+        "type": "color"
       },
       "--gray-7": {
-        "$value": "#495057",
-        "$type": "color"
+        "value": "#495057",
+        "type": "color"
       },
       "--gray-6": {
-        "$value": "#868e96",
-        "$type": "color"
+        "value": "#868e96",
+        "type": "color"
       },
       "--gray-5": {
-        "$value": "#adb5bd",
-        "$type": "color"
+        "value": "#adb5bd",
+        "type": "color"
       },
       "--gray-4": {
-        "$value": "#ced4da",
-        "$type": "color"
+        "value": "#ced4da",
+        "type": "color"
       },
       "--gray-3": {
-        "$value": "#dee2e6",
-        "$type": "color"
+        "value": "#dee2e6",
+        "type": "color"
       },
       "--gray-2": {
-        "$value": "#e9ecef",
-        "$type": "color"
+        "value": "#e9ecef",
+        "type": "color"
       },
       "--gray-1": {
-        "$value": "#f1f3f5",
-        "$type": "color"
+        "value": "#f1f3f5",
+        "type": "color"
       },
       "--gray-0": {
-        "$value": "#f8f9fa",
-        "$type": "color"
+        "value": "#f8f9fa",
+        "type": "color"
       }
@@ -1554,52 +1554,52 @@ },
       "--cyan-12": {
-        "$value": "#053038",
-        "$type": "color"
+        "value": "#053038",
+        "type": "color"
       },
       "--cyan-11": {
-        "$value": "#074652",
-        "$type": "color"
+        "value": "#074652",
+        "type": "color"
       },
       "--cyan-10": {
-        "$value": "#095c6b",
-        "$type": "color"
+        "value": "#095c6b",
+        "type": "color"
       },
       "--cyan-9": {
-        "$value": "#0b7285",
-        "$type": "color"
+        "value": "#0b7285",
+        "type": "color"
       },
       "--cyan-8": {
-        "$value": "#0c8599",
-        "$type": "color"
+        "value": "#0c8599",
+        "type": "color"
       },
       "--cyan-7": {
-        "$value": "#1098ad",
-        "$type": "color"
+        "value": "#1098ad",
+        "type": "color"
       },
       "--cyan-6": {
-        "$value": "#15aabf",
-        "$type": "color"
+        "value": "#15aabf",
+        "type": "color"
       },
       "--cyan-5": {
-        "$value": "#22b8cf",
-        "$type": "color"
+        "value": "#22b8cf",
+        "type": "color"
       },
       "--cyan-4": {
-        "$value": "#3bc9db",
-        "$type": "color"
+        "value": "#3bc9db",
+        "type": "color"
       },
       "--cyan-3": {
-        "$value": "#66d9e8",
-        "$type": "color"
+        "value": "#66d9e8",
+        "type": "color"
       },
       "--cyan-2": {
-        "$value": "#99e9f2",
-        "$type": "color"
+        "value": "#99e9f2",
+        "type": "color"
       },
       "--cyan-1": {
-        "$value": "#c5f6fa",
-        "$type": "color"
+        "value": "#c5f6fa",
+        "type": "color"
       },
       "--cyan-0": {
-        "$value": "#e3fafc",
-        "$type": "color"
+        "value": "#e3fafc",
+        "type": "color"
       }
@@ -1609,52 +1609,52 @@ },
       "--choco-12": {
-        "$value": "#3d210d",
-        "$type": "color"
+        "value": "#3d210d",
+        "type": "color"
       },
       "--choco-11": {
-        "$value": "#572f12",
-        "$type": "color"
+        "value": "#572f12",
+        "type": "color"
       },
       "--choco-10": {
-        "$value": "#703a13",
-        "$type": "color"
+        "value": "#703a13",
+        "type": "color"
       },
       "--choco-9": {
-        "$value": "#8a4513",
-        "$type": "color"
+        "value": "#8a4513",
+        "type": "color"
       },
       "--choco-8": {
-        "$value": "#a45117",
-        "$type": "color"
+        "value": "#a45117",
+        "type": "color"
       },
       "--choco-7": {
-        "$value": "#bd5f1b",
-        "$type": "color"
+        "value": "#bd5f1b",
+        "type": "color"
       },
       "--choco-6": {
-        "$value": "#d46e25",
-        "$type": "color"
+        "value": "#d46e25",
+        "type": "color"
       },
       "--choco-5": {
-        "$value": "#df8545",
-        "$type": "color"
+        "value": "#df8545",
+        "type": "color"
       },
       "--choco-4": {
-        "$value": "#e99b62",
-        "$type": "color"
+        "value": "#e99b62",
+        "type": "color"
       },
       "--choco-3": {
-        "$value": "#f1b280",
-        "$type": "color"
+        "value": "#f1b280",
+        "type": "color"
       },
       "--choco-2": {
-        "$value": "#f7ca9e",
-        "$type": "color"
+        "value": "#f7ca9e",
+        "type": "color"
       },
       "--choco-1": {
-        "$value": "#fce1bc",
-        "$type": "color"
+        "value": "#fce1bc",
+        "type": "color"
       },
       "--choco-0": {
-        "$value": "#fff8dc",
-        "$type": "color"
+        "value": "#fff8dc",
+        "type": "color"
       }
@@ -1664,52 +1664,52 @@ },
       "--camo-12": {
-        "$value": "#36300a",
-        "$type": "color"
+        "value": "#36300a",
+        "type": "color"
       },
       "--camo-11": {
-        "$value": "#4d460e",
-        "$type": "color"
+        "value": "#4d460e",
+        "type": "color"
       },
       "--camo-10": {
-        "$value": "#5d5411",
-        "$type": "color"
+        "value": "#5d5411",
+        "type": "color"
       },
       "--camo-9": {
-        "$value": "#6d6414",
-        "$type": "color"
+        "value": "#6d6414",
+        "type": "color"
       },
       "--camo-8": {
-        "$value": "#7e7416",
-        "$type": "color"
+        "value": "#7e7416",
+        "type": "color"
       },
       "--camo-7": {
-        "$value": "#8c851c",
-        "$type": "color"
+        "value": "#8c851c",
+        "type": "color"
       },
       "--camo-6": {
-        "$value": "#999621",
-        "$type": "color"
+        "value": "#999621",
+        "type": "color"
       },
       "--camo-5": {
-        "$value": "#a7a827",
-        "$type": "color"
+        "value": "#a7a827",
+        "type": "color"
       },
       "--camo-4": {
-        "$value": "#b5bb2e",
-        "$type": "color"
+        "value": "#b5bb2e",
+        "type": "color"
       },
       "--camo-3": {
-        "$value": "#c2ce34",
-        "$type": "color"
+        "value": "#c2ce34",
+        "type": "color"
       },
       "--camo-2": {
-        "$value": "#d2df4e",
-        "$type": "color"
+        "value": "#d2df4e",
+        "type": "color"
       },
       "--camo-1": {
-        "$value": "#e8ed9c",
-        "$type": "color"
+        "value": "#e8ed9c",
+        "type": "color"
       },
       "--camo-0": {
-        "$value": "#f9fbe7",
-        "$type": "color"
+        "value": "#f9fbe7",
+        "type": "color"
       }
@@ -1719,52 +1719,52 @@ },
       "--brown-12": {
-        "$value": "#422412",
-        "$type": "color"
+        "value": "#422412",
+        "type": "color"
       },
       "--brown-11": {
-        "$value": "#4e2b15",
-        "$type": "color"
+        "value": "#4e2b15",
+        "type": "color"
       },
       "--brown-10": {
-        "$value": "#5e3a21",
-        "$type": "color"
+        "value": "#5e3a21",
+        "type": "color"
       },
       "--brown-9": {
-        "$value": "#6f4b2d",
-        "$type": "color"
+        "value": "#6f4b2d",
+        "type": "color"
       },
       "--brown-8": {
-        "$value": "#825b3a",
-        "$type": "color"
+        "value": "#825b3a",
+        "type": "color"
       },
       "--brown-7": {
-        "$value": "#956b47",
-        "$type": "color"
+        "value": "#956b47",
+        "type": "color"
       },
       "--brown-6": {
-        "$value": "#a87c56",
-        "$type": "color"
+        "value": "#a87c56",
+        "type": "color"
       },
       "--brown-5": {
-        "$value": "#b78f6d",
-        "$type": "color"
+        "value": "#b78f6d",
+        "type": "color"
       },
       "--brown-4": {
-        "$value": "#c5a285",
-        "$type": "color"
+        "value": "#c5a285",
+        "type": "color"
       },
       "--brown-3": {
-        "$value": "#d3b79e",
-        "$type": "color"
+        "value": "#d3b79e",
+        "type": "color"
       },
       "--brown-2": {
-        "$value": "#e0cab7",
-        "$type": "color"
+        "value": "#e0cab7",
+        "type": "color"
       },
       "--brown-1": {
-        "$value": "#ede0d1",
-        "$type": "color"
+        "value": "#ede0d1",
+        "type": "color"
       },
       "--brown-0": {
-        "$value": "#faf4eb",
-        "$type": "color"
+        "value": "#faf4eb",
+        "type": "color"
       }
@@ -1774,52 +1774,52 @@ },
       "--blue-12": {
-        "$value": "#0d375e",
-        "$type": "color"
+        "value": "#0d375e",
+        "type": "color"
       },
       "--blue-11": {
-        "$value": "#114678",
-        "$type": "color"
+        "value": "#114678",
+        "type": "color"
       },
       "--blue-10": {
-        "$value": "#145591",
-        "$type": "color"
+        "value": "#145591",
+        "type": "color"
       },
       "--blue-9": {
-        "$value": "#1864ab",
-        "$type": "color"
+        "value": "#1864ab",
+        "type": "color"
       },
       "--blue-8": {
-        "$value": "#1971c2",
-        "$type": "color"
+        "value": "#1971c2",
+        "type": "color"
       },
       "--blue-7": {
-        "$value": "#1c7ed6",
-        "$type": "color"
+        "value": "#1c7ed6",
+        "type": "color"
       },
       "--blue-6": {
-        "$value": "#228be6",
-        "$type": "color"
+        "value": "#228be6",
+        "type": "color"
       },
       "--blue-5": {
-        "$value": "#339af0",
-        "$type": "color"
+        "value": "#339af0",
+        "type": "color"
       },
       "--blue-4": {
-        "$value": "#4dabf7",
-        "$type": "color"
+        "value": "#4dabf7",
+        "type": "color"
       },
       "--blue-3": {
-        "$value": "#74c0fc",
-        "$type": "color"
+        "value": "#74c0fc",
+        "type": "color"
       },
       "--blue-2": {
-        "$value": "#a5d8ff",
-        "$type": "color"
+        "value": "#a5d8ff",
+        "type": "color"
       },
       "--blue-1": {
-        "$value": "#d0ebff",
-        "$type": "color"
+        "value": "#d0ebff",
+        "type": "color"
       },
       "--blue-0": {
-        "$value": "#e7f5ff",
-        "$type": "color"
+        "value": "#e7f5ff",
+        "type": "color"
       }
@@ -1826,0 +1826,0 @@ }

open-props.figma-tokens.sync.json

@@ -5,72 +5,72 @@ {
       "--radius-conditional-6": {
-        "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
-        "$type": "borderRadius"
+        "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
+        "type": "borderRadius"
       },
       "--radius-conditional-5": {
-        "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
-        "$type": "borderRadius"
+        "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
+        "type": "borderRadius"
       },
       "--radius-conditional-4": {
-        "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
-        "$type": "borderRadius"
+        "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
+        "type": "borderRadius"
       },
       "--radius-conditional-3": {
-        "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
-        "$type": "borderRadius"
+        "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
+        "type": "borderRadius"
       },
       "--radius-conditional-2": {
-        "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
-        "$type": "borderRadius"
+        "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
+        "type": "borderRadius"
       },
       "--radius-conditional-1": {
-        "$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
-        "$type": "borderRadius"
+        "value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
+        "type": "borderRadius"
       },
       "--radius-blob-5": {
-        "$value": "49% 51% 48% 52% / 57% 44% 56% 43%",
-        "$type": "borderRadius"
+        "value": "49% 51% 48% 52% / 57% 44% 56% 43%",
+        "type": "borderRadius"
       },
       "--radius-blob-4": {
-        "$value": "63% 37% 37% 63% / 43% 37% 63% 57%",
-        "$type": "borderRadius"
+        "value": "63% 37% 37% 63% / 43% 37% 63% 57%",
+        "type": "borderRadius"
       },
       "--radius-blob-3": {
-        "$value": "37% 63% 56% 44% / 49% 56% 44% 51%",
-        "$type": "borderRadius"
+        "value": "37% 63% 56% 44% / 49% 56% 44% 51%",
+        "type": "borderRadius"
       },
       "--radius-blob-2": {
-        "$value": "53% 47% 34% 66% / 63% 46% 54% 37%",
-        "$type": "borderRadius"
+        "value": "53% 47% 34% 66% / 63% 46% 54% 37%",
+        "type": "borderRadius"
       },
       "--radius-blob-1": {
-        "$value": "30% 70% 70% 30% / 53% 30% 70% 47%",
-        "$type": "borderRadius"
+        "value": "30% 70% 70% 30% / 53% 30% 70% 47%",
+        "type": "borderRadius"
       },
       "--radius-round": {
-        "$value": "1e5px",
-        "$type": "borderRadius"
+        "value": "1e5px",
+        "type": "borderRadius"
       },
       "--radius-6": {
-        "$value": "8rem",
-        "$type": "borderRadius"
+        "value": "8rem",
+        "type": "borderRadius"
       },
       "--radius-5": {
-        "$value": "4rem",
-        "$type": "borderRadius"
+        "value": "4rem",
+        "type": "borderRadius"
       },
       "--radius-4": {
-        "$value": "2rem",
-        "$type": "borderRadius"
+        "value": "2rem",
+        "type": "borderRadius"
       },
       "--radius-3": {
-        "$value": "1rem",
-        "$type": "borderRadius"
+        "value": "1rem",
+        "type": "borderRadius"
       },
       "--radius-2": {
-        "$value": "5px",
-        "$type": "borderRadius"
+        "value": "5px",
+        "type": "borderRadius"
       },
       "--radius-1": {
-        "$value": "2px",
-        "$type": "borderRadius"
+        "value": "2px",
+        "type": "borderRadius"
       }
@@ -80,20 +80,20 @@ },
       "--border-size-5": {
-        "$value": "25px",
-        "$type": "borderWidth"
+        "value": "25px",
+        "type": "borderWidth"
       },
       "--border-size-4": {
-        "$value": "10px",
-        "$type": "borderWidth"
+        "value": "10px",
+        "type": "borderWidth"
       },
       "--border-size-3": {
-        "$value": "5px",
-        "$type": "borderWidth"
+        "value": "5px",
+        "type": "borderWidth"
       },
       "--border-size-2": {
-        "$value": "2px",
-        "$type": "borderWidth"
+        "value": "2px",
+        "type": "borderWidth"
       },
       "--border-size-1": {
-        "$value": "1px",
-        "$type": "borderWidth"
+        "value": "1px",
+        "type": "borderWidth"
       }
@@ -103,448 +103,448 @@ },
       "--noise-filter-5": {
-        "$value": "contrast(200%) brightness(1000%)",
-        "$type": "other"
+        "value": "contrast(200%) brightness(1000%)",
+        "type": "other"
       },
       "--noise-filter-4": {
-        "$value": "contrast(200%) brightness(500%)",
-        "$type": "other"
+        "value": "contrast(200%) brightness(500%)",
+        "type": "other"
       },
       "--noise-filter-3": {
-        "$value": "contrast(200%) brightness(250%)",
-        "$type": "other"
+        "value": "contrast(200%) brightness(250%)",
+        "type": "other"
       },
       "--noise-filter-2": {
-        "$value": "contrast(200%) brightness(150%)",
-        "$type": "other"
+        "value": "contrast(200%) brightness(150%)",
+        "type": "other"
       },
       "--noise-filter-1": {
-        "$value": "contrast(300%) brightness(100%)",
-        "$type": "other"
+        "value": "contrast(300%) brightness(100%)",
+        "type": "other"
       },
       "--noise-5": {
-        "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-        "$type": "other"
+        "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+        "type": "other"
       },
       "--noise-4": {
-        "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-        "$type": "other"
+        "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+        "type": "other"
       },
       "--noise-3": {
-        "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-        "$type": "other"
+        "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+        "type": "other"
       },
       "--noise-2": {
-        "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-        "$type": "other"
+        "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+        "type": "other"
       },
       "--noise-1": {
-        "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
-        "$type": "other"
+        "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
+        "type": "other"
       },
       "--gradient-30": {
-        "$value": "radial-gradient(\n      circle at top right, \n      hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n    )",
-        "$type": "other"
+        "value": "radial-gradient(\n      circle at top right, \n      hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n    )",
+        "type": "other"
       },
       "--gradient-29": {
-        "$value": "\n    radial-gradient(\n      circle at top right, \n      hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n    )",
-        "$type": "other"
+        "value": "\n    radial-gradient(\n      circle at top right, \n      hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n    )",
+        "type": "other"
       },
       "--gradient-28": {
-        "$value": "conic-gradient(from -90deg at 50% 105%, white, orchid)",
-        "$type": "other"
+        "value": "conic-gradient(from -90deg at 50% 105%, white, orchid)",
+        "type": "other"
       },
       "--gradient-27": {
-        "$value": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)",
-        "$type": "other"
+        "value": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)",
+        "type": "other"
       },
       "--gradient-26": {
-        "$value": "linear-gradient(to bottom right,#9796f0,#fbc7d4)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#9796f0,#fbc7d4)",
+        "type": "other"
       },
       "--gradient-25": {
-        "$value": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
-        "$type": "other"
+        "value": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
+        "type": "other"
       },
       "--gradient-24": {
-        "$value": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)",
-        "$type": "other"
+        "value": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)",
+        "type": "other"
       },
       "--gradient-23": {
-        "$value": "linear-gradient(to bottom right,#536976,#292E49)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#536976,#292E49)",
+        "type": "other"
       },
       "--gradient-22": {
-        "$value": "linear-gradient(to bottom right,#acb6e5,#86fde8)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#acb6e5,#86fde8)",
+        "type": "other"
       },
       "--gradient-21": {
-        "$value": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
-        "$type": "other"
+        "value": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
+        "type": "other"
       },
       "--gradient-20": {
-        "$value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
-        "$type": "other"
+        "value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
+        "type": "other"
       },
       "--gradient-19": {
-        "$value": "linear-gradient(to bottom right,#ffe259,#ffa751)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#ffe259,#ffa751)",
+        "type": "other"
       },
       "--gradient-18": {
-        "$value": "\n    linear-gradient(0deg,   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),\n    linear-gradient(60deg,  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),\n    linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n    linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n    linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n    linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n  ",
-        "$type": "other"
+        "value": "\n    linear-gradient(0deg,   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),\n    linear-gradient(60deg,  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),\n    linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n    linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n    linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n    linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n  ",
+        "type": "other"
       },
       "--gradient-17": {
-        "$value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)",
-        "$type": "other"
+        "value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)",
+        "type": "other"
       },
       "--gradient-16": {
-        "$value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)",
-        "$type": "other"
+        "value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)",
+        "type": "other"
       },
       "--gradient-15": {
-        "$value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)",
+        "type": "other"
       },
       "--gradient-14": {
-        "$value": "conic-gradient(at top right, lime, cyan)",
-        "$type": "other"
+        "value": "conic-gradient(at top right, lime, cyan)",
+        "type": "other"
       },
       "--gradient-13": {
-        "$value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
-        "$type": "other"
+        "value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
+        "type": "other"
       },
       "--gradient-12": {
-        "$value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
-        "$type": "other"
+        "value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
+        "type": "other"
       },
       "--gradient-11": {
-        "$value": "conic-gradient(at bottom left, deeppink, cyan)",
-        "$type": "other"
+        "value": "conic-gradient(at bottom left, deeppink, cyan)",
+        "type": "other"
       },
       "--gradient-10": {
-        "$value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
-        "$type": "other"
+        "value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
+        "type": "other"
       },
       "--gradient-9": {
-        "$value": "conic-gradient(from .5turn at bottom center, lightblue, white)",
-        "$type": "other"
+        "value": "conic-gradient(from .5turn at bottom center, lightblue, white)",
+        "type": "other"
       },
       "--gradient-8": {
-        "$value": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)",
-        "$type": "other"
+        "value": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)",
+        "type": "other"
       },
       "--gradient-7": {
-        "$value": "linear-gradient(to bottom right,#72C6EF,#004E8F)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#72C6EF,#004E8F)",
+        "type": "other"
       },
       "--gradient-6": {
-        "$value": "conic-gradient(from -90deg at top left, black, white)",
-        "$type": "other"
+        "value": "conic-gradient(from -90deg at top left, black, white)",
+        "type": "other"
       },
       "--gradient-5": {
-        "$value": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)",
-        "$type": "other"
+        "value": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)",
+        "type": "other"
       },
       "--gradient-4": {
-        "$value": "linear-gradient(to bottom right,#00F5A0,#00D9F5)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#00F5A0,#00D9F5)",
+        "type": "other"
       },
       "--gradient-3": {
-        "$value": "\n    radial-gradient(\n      circle at top right, \n      hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n    )",
-        "$type": "other"
+        "value": "\n    radial-gradient(\n      circle at top right, \n      hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n    ),\n    radial-gradient(\n      circle at bottom left, \n      hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n    )",
+        "type": "other"
       },
       "--gradient-2": {
-        "$value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)",
+        "type": "other"
       },
       "--gradient-1": {
-        "$value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
-        "$type": "other"
+        "value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
+        "type": "other"
       },
       "--ratio-golden": {
-        "$value": "1.6180/1",
-        "$type": "other"
+        "value": "1.6180/1",
+        "type": "other"
       },
       "--ratio-ultrawide": {
-        "$value": "18/5",
-        "$type": "other"
+        "value": "18/5",
+        "type": "other"
       },
       "--ratio-widescreen": {
-        "$value": "16/9",
-        "$type": "other"
+        "value": "16/9",
+        "type": "other"
       },
       "--ratio-portrait": {
-        "$value": "3/4",
-        "$type": "other"
+        "value": "3/4",
+        "type": "other"
       },
       "--ratio-landscape": {
-        "$value": "4/3",
-        "$type": "other"
+        "value": "4/3",
+        "type": "other"
       },
       "--ratio-square": {
-        "$value": "1",
-        "$type": "other"
+        "value": "1",
+        "type": "other"
       },
       "--layer-important": {
-        "$value": 2147483647,
-        "$type": "other"
+        "value": 2147483647,
+        "type": "other"
       },
       "--layer-5": {
-        "$value": 5,
-        "$type": "other"
+        "value": 5,
+        "type": "other"
       },
       "--layer-4": {
-        "$value": 4,
-        "$type": "other"
+        "value": 4,
+        "type": "other"
       },
       "--layer-3": {
-        "$value": 3,
-        "$type": "other"
+        "value": 3,
+        "type": "other"
       },
       "--layer-2": {
-        "$value": 2,
-        "$type": "other"
+        "value": 2,
+        "type": "other"
       },
       "--layer-1": {
-        "$value": 1,
-        "$type": "other"
+        "value": 1,
+        "type": "other"
       },
       "--ease-bounce-5": {
-        "$value": "linear(\n    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n  )",
+        "type": "other"
       },
       "--ease-bounce-4": {
-        "$value": "linear(\n    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n  )",
+        "type": "other"
       },
       "--ease-bounce-3": {
-        "$value": "linear(\n    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n    0.96, 0.968, 0.981, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n    0.96, 0.968, 0.981, 1\n  )",
+        "type": "other"
       },
       "--ease-bounce-2": {
-        "$value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n    0.973, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n    0.973, 1\n  )",
+        "type": "other"
       },
       "--ease-bounce-1": {
-        "$value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n    0.885, 0.895, 0.908 89.7%, 0.946, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n    0.885, 0.895, 0.908 89.7%, 0.946, 1\n  )",
+        "type": "other"
       },
       "--ease-spring-5": {
-        "$value": "linear(\n    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n  )",
+        "type": "other"
       },
       "--ease-spring-4": {
-        "$value": "linear(\n    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n    0.998 78.9%, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n    0.998 78.9%, 1\n  )",
+        "type": "other"
       },
       "--ease-spring-3": {
-        "$value": "linear(\n    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n    0.997 69.8%, 1.003 76.9%, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n    0.997 69.8%, 1.003 76.9%, 1\n  )",
+        "type": "other"
       },
       "--ease-spring-2": {
-        "$value": "linear(\n    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n    0.999 61.6%, 0.995 71.2%, 1\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n    0.999 61.6%, 0.995 71.2%, 1\n  )",
+        "type": "other"
       },
       "--ease-spring-1": {
-        "$value": "linear(\n    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n    1.001\n  )",
-        "$type": "other"
+        "value": "linear(\n    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n    1.001\n  )",
+        "type": "other"
       },
       "--ease-squish-5": {
-        "$value": "var(--ease-elastic-in-out-5)",
-        "$type": "other"
+        "value": "var(--ease-elastic-in-out-5)",
+        "type": "other"
       },
       "--ease-squish-4": {
-        "$value": "var(--ease-elastic-in-out-4)",
-        "$type": "other"
+        "value": "var(--ease-elastic-in-out-4)",
+        "type": "other"
       },
       "--ease-squish-3": {
-        "$value": "var(--ease-elastic-in-out-3)",
-        "$type": "other"
+        "value": "var(--ease-elastic-in-out-3)",
+        "type": "other"
       },
       "--ease-squish-2": {
-        "$value": "var(--ease-elastic-in-out-2)",
-        "$type": "other"
+        "value": "var(--ease-elastic-in-out-2)",
+        "type": "other"
       },
       "--ease-squish-1": {
-        "$value": "var(--ease-elastic-in-out-1)",
-        "$type": "other"
+        "value": "var(--ease-elastic-in-out-1)",
+        "type": "other"
       },
       "--ease-elastic-5": {
-        "$value": "var(--ease-elastic-out-5)",
-        "$type": "other"
+        "value": "var(--ease-elastic-out-5)",
+        "type": "other"
       },
       "--ease-elastic-4": {
-        "$value": "var(--ease-elastic-out-4)",
-        "$type": "other"
+        "value": "var(--ease-elastic-out-4)",
+        "type": "other"
       },
       "--ease-elastic-3": {
-        "$value": "var(--ease-elastic-out-3)",
-        "$type": "other"
+        "value": "var(--ease-elastic-out-3)",
+        "type": "other"
       },
       "--ease-elastic-2": {
-        "$value": "var(--ease-elastic-out-2)",
-        "$type": "other"
+        "value": "var(--ease-elastic-out-2)",
+        "type": "other"
       },
       "--ease-elastic-1": {
-        "$value": "var(--ease-elastic-out-1)",
-        "$type": "other"
+        "value": "var(--ease-elastic-out-1)",
+        "type": "other"
       },
       "--ease-step-5": {
-        "$value": "steps(10)",
-        "$type": "other"
+        "value": "steps(10)",
+        "type": "other"
       },
       "--ease-step-4": {
-        "$value": "steps(7)",
-        "$type": "other"
+        "value": "steps(7)",
+        "type": "other"
       },
       "--ease-step-3": {
-        "$value": "steps(4)",
-        "$type": "other"
+        "value": "steps(4)",
+        "type": "other"
       },
       "--ease-step-2": {
-        "$value": "steps(3)",
-        "$type": "other"
+        "value": "steps(3)",
+        "type": "other"
       },
       "--ease-step-1": {
-        "$value": "steps(2)",
-        "$type": "other"
+        "value": "steps(2)",
+        "type": "other"
       },
       "--ease-elastic-in-out-5": {
-        "$value": "cubic-bezier(.5, -.9, .1, 1.5)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -.9, .1, 1.5)",
+        "type": "other"
       },
       "--ease-elastic-in-out-4": {
-        "$value": "cubic-bezier(.5, -.7, .1, 1.5)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -.7, .1, 1.5)",
+        "type": "other"
       },
       "--ease-elastic-in-out-3": {
-        "$value": "cubic-bezier(.5, -.5, .1, 1.5)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -.5, .1, 1.5)",
+        "type": "other"
       },
       "--ease-elastic-in-out-2": {
-        "$value": "cubic-bezier(.5, -.3, .1, 1.5)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -.3, .1, 1.5)",
+        "type": "other"
       },
       "--ease-elastic-in-out-1": {
-        "$value": "cubic-bezier(.5, -.1, .1, 1.5)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -.1, .1, 1.5)",
+        "type": "other"
       },
       "--ease-elastic-in-5": {
-        "$value": "cubic-bezier(.5, -1.25, .75, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -1.25, .75, 1)",
+        "type": "other"
       },
       "--ease-elastic-in-4": {
-        "$value": "cubic-bezier(.5, -1.00, .75, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -1.00, .75, 1)",
+        "type": "other"
       },
       "--ease-elastic-in-3": {
-        "$value": "cubic-bezier(.5, -0.75, .75, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -0.75, .75, 1)",
+        "type": "other"
       },
       "--ease-elastic-in-2": {
-        "$value": "cubic-bezier(.5, -0.50, .75, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -0.50, .75, 1)",
+        "type": "other"
       },
       "--ease-elastic-in-1": {
-        "$value": "cubic-bezier(.5, -0.25, .75, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, -0.25, .75, 1)",
+        "type": "other"
       },
       "--ease-elastic-out-5": {
-        "$value": "cubic-bezier(.5, 1.75, .75, 1.25)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, 1.75, .75, 1.25)",
+        "type": "other"
       },
       "--ease-elastic-out-4": {
-        "$value": "cubic-bezier(.5, 1.5, .75, 1.25)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, 1.5, .75, 1.25)",
+        "type": "other"
       },
       "--ease-elastic-out-3": {
-        "$value": "cubic-bezier(.5, 1.25, .75, 1.25)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, 1.25, .75, 1.25)",
+        "type": "other"
       },
       "--ease-elastic-out-2": {
-        "$value": "cubic-bezier(.5, 1, .75, 1.25)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, 1, .75, 1.25)",
+        "type": "other"
       },
       "--ease-elastic-out-1": {
-        "$value": "cubic-bezier(.5, .75, .75, 1.25)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, .75, .75, 1.25)",
+        "type": "other"
       },
       "--ease-in-out-5": {
-        "$value": "cubic-bezier(.9, 0, .1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.9, 0, .1, 1)",
+        "type": "other"
       },
       "--ease-in-out-4": {
-        "$value": "cubic-bezier(.7, 0, .3, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.7, 0, .3, 1)",
+        "type": "other"
       },
       "--ease-in-out-3": {
-        "$value": "cubic-bezier(.5, 0, .5, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.5, 0, .5, 1)",
+        "type": "other"
       },
       "--ease-in-out-2": {
-        "$value": "cubic-bezier(.3, 0, .7, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.3, 0, .7, 1)",
+        "type": "other"
       },
       "--ease-in-out-1": {
-        "$value": "cubic-bezier(.1, 0, .9, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.1, 0, .9, 1)",
+        "type": "other"
       },
       "--ease-out-5": {
-        "$value": "cubic-bezier(0, 0, 0, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(0, 0, 0, 1)",
+        "type": "other"
       },
       "--ease-out-4": {
-        "$value": "cubic-bezier(0, 0, .1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(0, 0, .1, 1)",
+        "type": "other"
       },
       "--ease-out-3": {
-        "$value": "cubic-bezier(0, 0, .3, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(0, 0, .3, 1)",
+        "type": "other"
       },
       "--ease-out-2": {
-        "$value": "cubic-bezier(0, 0, .50, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(0, 0, .50, 1)",
+        "type": "other"
       },
       "--ease-out-1": {
-        "$value": "cubic-bezier(0, 0, .75, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(0, 0, .75, 1)",
+        "type": "other"
       },
       "--ease-in-5": {
-        "$value": "cubic-bezier(1, 0, 1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(1, 0, 1, 1)",
+        "type": "other"
       },
       "--ease-in-4": {
-        "$value": "cubic-bezier(.90, 0, 1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.90, 0, 1, 1)",
+        "type": "other"
       },
       "--ease-in-3": {
-        "$value": "cubic-bezier(.70, 0, 1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.70, 0, 1, 1)",
+        "type": "other"
       },
       "--ease-in-2": {
-        "$value": "cubic-bezier(.50, 0, 1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.50, 0, 1, 1)",
+        "type": "other"
       },
       "--ease-in-1": {
-        "$value": "cubic-bezier(.25, 0, 1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.25, 0, 1, 1)",
+        "type": "other"
       },
       "--ease-5": {
-        "$value": "cubic-bezier(.25, 0, .1, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.25, 0, .1, 1)",
+        "type": "other"
       },
       "--ease-4": {
-        "$value": "cubic-bezier(.25, 0, .2, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.25, 0, .2, 1)",
+        "type": "other"
       },
       "--ease-3": {
-        "$value": "cubic-bezier(.25, 0, .3, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.25, 0, .3, 1)",
+        "type": "other"
       },
       "--ease-2": {
-        "$value": "cubic-bezier(.25, 0, .4, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.25, 0, .4, 1)",
+        "type": "other"
       },
       "--ease-1": {
-        "$value": "cubic-bezier(.25, 0, .5, 1)",
-        "$type": "other"
+        "value": "cubic-bezier(.25, 0, .5, 1)",
+        "type": "other"
       }
@@ -554,228 +554,228 @@ },
       "--size-relative-15": {
-        "$value": "30ch",
-        "$type": "sizing"
+        "value": "30ch",
+        "type": "sizing"
       },
       "--size-relative-14": {
-        "$value": "20ch",
-        "$type": "sizing"
+        "value": "20ch",
+        "type": "sizing"
       },
       "--size-relative-13": {
-        "$value": "15ch",
-        "$type": "sizing"
+        "value": "15ch",
+        "type": "sizing"
       },
       "--size-relative-12": {
-        "$value": "10ch",
-        "$type": "sizing"
+        "value": "10ch",
+        "type": "sizing"
       },
       "--size-relative-11": {
-        "$value": "7.5ch",
-        "$type": "sizing"
+        "value": "7.5ch",
+        "type": "sizing"
       },
       "--size-relative-10": {
-        "$value": "5ch",
-        "$type": "sizing"
+        "value": "5ch",
+        "type": "sizing"
       },
       "--size-relative-9": {
-        "$value": "4ch",
-        "$type": "sizing"
+        "value": "4ch",
+        "type": "sizing"
       },
       "--size-relative-8": {
-        "$value": "3ch",
-        "$type": "sizing"
+        "value": "3ch",
+        "type": "sizing"
       },
       "--size-relative-7": {
-        "$value": "2ch",
-        "$type": "sizing"
+        "value": "2ch",
+        "type": "sizing"
       },
       "--size-relative-6": {
-        "$value": "1.75ch",
-        "$type": "sizing"
+        "value": "1.75ch",
+        "type": "sizing"
       },
       "--size-relative-5": {
-        "$value": "1.5ch",
-        "$type": "sizing"
+        "value": "1.5ch",
+        "type": "sizing"
       },
       "--size-relative-4": {
-        "$value": "1.25ch",
-        "$type": "sizing"
+        "value": "1.25ch",
+        "type": "sizing"
       },
       "--size-relative-3": {
-        "$value": "1ch",
-        "$type": "sizing"
+        "value": "1ch",
+        "type": "sizing"
       },
       "--size-relative-2": {
-        "$value": ".5ch",
-        "$type": "sizing"
+        "value": ".5ch",
+        "type": "sizing"
       },
       "--size-relative-1": {
-        "$value": ".25ch",
-        "$type": "sizing"
+        "value": ".25ch",
+        "type": "sizing"
       },
       "--size-relative-00": {
-        "$value": "-.25ch",
-        "$type": "sizing"
+        "value": "-.25ch",
+        "type": "sizing"
       },
       "--size-relative-000": {
-        "$value": "-.5ch",
-        "$type": "sizing"
+        "value": "-.5ch",
+        "type": "sizing"
       },
       "--size-xxl": {
-        "$value": "1920px",
-        "$type": "sizing"
+        "value": "1920px",
+        "type": "sizing"
       },
       "--size-xl": {
-        "$value": "1440px",
-        "$type": "sizing"
+        "value": "1440px",
+        "type": "sizing"
       },
       "--size-lg": {
-        "$value": "1024px",
-        "$type": "sizing"
+        "value": "1024px",
+        "type": "sizing"
       },
       "--size-md": {
-        "$value": "768px",
-        "$type": "sizing"
+        "value": "768px",
+        "type": "sizing"
       },
       "--size-sm": {
-        "$value": "480px",
-        "$type": "sizing"
+        "value": "480px",
+        "type": "sizing"
       },
       "--size-xs": {
-        "$value": "360px",
-        "$type": "sizing"
+        "value": "360px",
+        "type": "sizing"
       },
       "--size-xxs": {
-        "$value": "240px",
-        "$type": "sizing"
+        "value": "240px",
+        "type": "sizing"
       },
       "--size-header-3": {
-        "$value": "35ch",
-        "$type": "sizing"
+        "value": "35ch",
+        "type": "sizing"
       },
       "--size-header-2": {
-        "$value": "25ch",
-        "$type": "sizing"
+        "value": "25ch",
+        "type": "sizing"
       },
       "--size-header-1": {
-        "$value": "20ch",
-        "$type": "sizing"
+        "value": "20ch",
+        "type": "sizing"
       },
       "--size-content-3": {
-        "$value": "60ch",
-        "$type": "sizing"
+        "value": "60ch",
+        "type": "sizing"
       },
       "--size-content-2": {
-        "$value": "45ch",
-        "$type": "sizing"
+        "value": "45ch",
+        "type": "sizing"
       },
       "--size-content-1": {
-        "$value": "20ch",
-        "$type": "sizing"
+        "value": "20ch",
+        "type": "sizing"
       },
       "--size-fluid-10": {
-        "$value": "clamp(20rem, 40vw, 30rem)",
-        "$type": "sizing"
+        "value": "clamp(20rem, 40vw, 30rem)",
+        "type": "sizing"
       },
       "--size-fluid-9": {
-        "$value": "clamp(15rem, 30vw, 20rem)",
-        "$type": "sizing"
+        "value": "clamp(15rem, 30vw, 20rem)",
+        "type": "sizing"
       },
       "--size-fluid-8": {
-        "$value": "clamp(10rem, 20vw, 15rem)",
-        "$type": "sizing"
+        "value": "clamp(10rem, 20vw, 15rem)",
+        "type": "sizing"
       },
       "--size-fluid-7": {
-        "$value": "clamp(7.5rem, 10vw, 10rem)",
-        "$type": "sizing"
+        "value": "clamp(7.5rem, 10vw, 10rem)",
+        "type": "sizing"
       },
       "--size-fluid-6": {
-        "$value": "clamp(5rem, 7vw, 7.5rem)",
-        "$type": "sizing"
+        "value": "clamp(5rem, 7vw, 7.5rem)",
+        "type": "sizing"
       },
       "--size-fluid-5": {
-        "$value": "clamp(4rem, 5vw, 5rem)",
-        "$type": "sizing"
+        "value": "clamp(4rem, 5vw, 5rem)",
+        "type": "sizing"
       },
       "--size-fluid-4": {
-        "$value": "clamp(2rem, 4vw, 3rem)",
-        "$type": "sizing"
+        "value": "clamp(2rem, 4vw, 3rem)",
+        "type": "sizing"
       },
       "--size-fluid-3": {
-        "$value": "clamp(1.5rem, 3vw, 2rem)",
-        "$type": "sizing"
+        "value": "clamp(1.5rem, 3vw, 2rem)",
+        "type": "sizing"
       },
       "--size-fluid-2": {
-        "$value": "clamp(1rem, 2vw, 1.5rem)",
-        "$type": "sizing"
+        "value": "clamp(1rem, 2vw, 1.5rem)",
+        "type": "sizing"
       },
       "--size-fluid-1": {
-        "$value": "clamp(.5rem, 1vw, 1rem)",
-        "$type": "sizing"
+        "value": "clamp(.5rem, 1vw, 1rem)",
+        "type": "sizing"
       },
       "--size-15": {
-        "$value": "30rem",
-        "$type": "sizing"
+        "value": "30rem",
+        "type": "sizing"
       },
       "--size-14": {
-        "$value": "20rem",
-        "$type": "sizing"
+        "value": "20rem",
+        "type": "sizing"
       },
       "--size-13": {
-        "$value": "15rem",
-        "$type": "sizing"
+        "value": "15rem",
+        "type": "sizing"
       },
       "--size-12": {
-        "$value": "10rem",
-        "$type": "sizing"
+        "value": "10rem",
+        "type": "sizing"
       },
       "--size-11": {
-        "$value": "7.5rem",
-        "$type": "sizing"
+        "value": "7.5rem",
+        "type": "sizing"
       },
       "--size-10": {
-        "$value": "5rem",
-        "$type": "sizing"
+        "value": "5rem",
+        "type": "sizing"
       },
       "--size-9": {
-        "$value": "4rem",
-        "$type": "sizing"
+        "value": "4rem",
+        "type": "sizing"
       },
       "--size-8": {
-        "$value": "3rem",
-        "$type": "sizing"
+        "value": "3rem",
+        "type": "sizing"
       },
       "--size-7": {
-        "$value": "2rem",
-        "$type": "sizing"
+        "value": "2rem",
+        "type": "sizing"
       },
       "--size-6": {
-        "$value": "1.75rem",
-        "$type": "sizing"
+        "value": "1.75rem",
+        "type": "sizing"
       },
       "--size-5": {
-        "$value": "1.5rem",
-        "$type": "sizing"
+        "value": "1.5rem",
+        "type": "sizing"
       },
       "--size-4": {
-        "$value": "1.25rem",
-        "$type": "sizing"
+        "value": "1.25rem",
+        "type": "sizing"
       },
       "--size-3": {
-        "$value": "1rem",
-        "$type": "sizing"
+        "value": "1rem",
+        "type": "sizing"
       },
       "--size-2": {
-        "$value": ".5rem",
-        "$type": "sizing"
+        "value": ".5rem",
+        "type": "sizing"
       },
       "--size-1": {
-        "$value": ".25rem",
-        "$type": "sizing"
+        "value": ".25rem",
+        "type": "sizing"
       },
       "--size-00": {
-        "$value": "-.25rem",
-        "$type": "sizing"
+        "value": "-.25rem",
+        "type": "sizing"
       },
       "--size-000": {
-        "$value": "-.5rem",
-        "$type": "sizing"
+        "value": "-.5rem",
+        "type": "sizing"
       }
@@ -786,52 +786,52 @@ },
         "--yellow-12": {
-          "$value": "#663500",
-          "$type": "color"
+          "value": "#663500",
+          "type": "color"
         },
         "--yellow-11": {
-          "$value": "#804200",
-          "$type": "color"
+          "value": "#804200",
+          "type": "color"
         },
         "--yellow-10": {
-          "$value": "#b35c00",
-          "$type": "color"
+          "value": "#b35c00",
+          "type": "color"
         },
         "--yellow-9": {
-          "$value": "#e67700",
-          "$type": "color"
+          "value": "#e67700",
+          "type": "color"
         },
         "--yellow-8": {
-          "$value": "#f08c00",
-          "$type": "color"
+          "value": "#f08c00",
+          "type": "color"
         },
         "--yellow-7": {
-          "$value": "#f59f00",
-          "$type": "color"
+          "value": "#f59f00",
+          "type": "color"
         },
         "--yellow-6": {
-          "$value": "#fab005",
-          "$type": "color"
+          "value": "#fab005",
+          "type": "color"
         },
         "--yellow-5": {
-          "$value": "#fcc419",
-          "$type": "color"
+          "value": "#fcc419",
+          "type": "color"
         },
         "--yellow-4": {
-          "$value": "#ffd43b",
-          "$type": "color"
+          "value": "#ffd43b",
+          "type": "color"
         },
         "--yellow-3": {
-          "$value": "#ffe066",
-          "$type": "color"
+          "value": "#ffe066",
+          "type": "color"
         },
         "--yellow-2": {
-          "$value": "#ffec99",
-          "$type": "color"
+          "value": "#ffec99",
+          "type": "color"
         },
         "--yellow-1": {
-          "$value": "#fff3bf",
-          "$type": "color"
+          "value": "#fff3bf",
+          "type": "color"
         },
         "--yellow-0": {
-          "$value": "#fff9db",
-          "$type": "color"
+          "value": "#fff9db",
+          "type": "color"
         }
@@ -841,52 +841,52 @@ },
         "--violet-12": {
-          "$value": "#3a2578",
-          "$type": "color"
+          "value": "#3a2578",
+          "type": "color"
         },
         "--violet-11": {
-          "$value": "#462d91",
-          "$type": "color"
+          "value": "#462d91",
+          "type": "color"
         },
         "--violet-10": {
-          "$value": "#5235ab",
-          "$type": "color"
+          "value": "#5235ab",
+          "type": "color"
         },
         "--violet-9": {
-          "$value": "#5f3dc4",
-          "$type": "color"
+          "value": "#5f3dc4",
+          "type": "color"
         },
         "--violet-8": {
-          "$value": "#6741d9",
-          "$type": "color"
+          "value": "#6741d9",
+          "type": "color"
         },
         "--violet-7": {
-          "$value": "#7048e8",
-          "$type": "color"
+          "value": "#7048e8",
+          "type": "color"
         },
         "--violet-6": {
-          "$value": "#7950f2",
-          "$type": "color"
+          "value": "#7950f2",
+          "type": "color"
         },
         "--violet-5": {
-          "$value": "#845ef7",
-          "$type": "color"
+          "value": "#845ef7",
+          "type": "color"
         },
         "--violet-4": {
-          "$value": "#9775fa",
-          "$type": "color"
+          "value": "#9775fa",
+          "type": "color"
         },
         "--violet-3": {
-          "$value": "#b197fc",
-          "$type": "color"
+          "value": "#b197fc",
+          "type": "color"
         },
         "--violet-2": {
-          "$value": "#d0bfff",
-          "$type": "color"
+          "value": "#d0bfff",
+          "type": "color"
         },
         "--violet-1": {
-          "$value": "#e5dbff",
-          "$type": "color"
+          "value": "#e5dbff",
+          "type": "color"
         },
         "--violet-0": {
-          "$value": "#f3f0ff",
-          "$type": "color"
+          "value": "#f3f0ff",
+          "type": "color"
         }
@@ -896,52 +896,52 @@ },
         "--teal-12": {
-          "$value": "#033325",
-          "$type": "color"
+          "value": "#033325",
+          "type": "color"
         },
         "--teal-11": {
-          "$value": "#054d37",
-          "$type": "color"
+          "value": "#054d37",
+          "type": "color"
         },
         "--teal-10": {
-          "$value": "#066649",
-          "$type": "color"
+          "value": "#066649",
+          "type": "color"
         },
         "--teal-9": {
-          "$value": "#087f5b",
-          "$type": "color"
+          "value": "#087f5b",
+          "type": "color"
         },
         "--teal-8": {
-          "$value": "#099268",
-          "$type": "color"
+          "value": "#099268",
+          "type": "color"
         },
         "--teal-7": {
-          "$value": "#0ca678",
-          "$type": "color"
+          "value": "#0ca678",
+          "type": "color"
         },
         "--teal-6": {
-          "$value": "#12b886",
-          "$type": "color"
+          "value": "#12b886",
+          "type": "color"
         },
         "--teal-5": {
-          "$value": "#20c997",
-          "$type": "color"
+          "value": "#20c997",
+          "type": "color"
         },
         "--teal-4": {
-          "$value": "#38d9a9",
-          "$type": "color"
+          "value": "#38d9a9",
+          "type": "color"
         },
         "--teal-3": {
-          "$value": "#63e6be",
-          "$type": "color"
+          "value": "#63e6be",
+          "type": "color"
         },
         "--teal-2": {
-          "$value": "#96f2d7",
-          "$type": "color"
+          "value": "#96f2d7",
+          "type": "color"
         },
         "--teal-1": {
-          "$value": "#c3fae8",
-          "$type": "color"
+          "value": "#c3fae8",
+          "type": "color"
         },
         "--teal-0": {
-          "$value": "#e6fcf5",
-          "$type": "color"
+          "value": "#e6fcf5",
+          "type": "color"
         }
@@ -951,52 +951,52 @@ },
         "--stone-12": {
-          "$value": "#121210",
-          "$type": "color"
+          "value": "#121210",
+          "type": "color"
         },
         "--stone-11": {
-          "$value": "#252521",
-          "$type": "color"
+          "value": "#252521",
+          "type": "color"
         },
         "--stone-10": {
-          "$value": "#3a3a37",
-          "$type": "color"
+          "value": "#3a3a37",
+          "type": "color"
         },
         "--stone-9": {
-          "$value": "#50514f",
-          "$type": "color"
+          "value": "#50514f",
+          "type": "color"
         },
         "--stone-8": {
-          "$value": "#666968",
-          "$type": "color"
+          "value": "#666968",
+          "type": "color"
         },
         "--stone-7": {
-          "$value": "#7e8282",
-          "$type": "color"
+          "value": "#7e8282",
+          "type": "color"
         },
         "--stone-6": {
-          "$value": "#979b9d",
-          "$type": "color"
+          "value": "#979b9d",
+          "type": "color"
         },
         "--stone-5": {
-          "$value": "#b1b6b9",
-          "$type": "color"
+          "value": "#b1b6b9",
+          "type": "color"
         },
         "--stone-4": {
-          "$value": "#d1d6d8",
-          "$type": "color"
+          "value": "#d1d6d8",
+          "type": "color"
         },
         "--stone-3": {
-          "$value": "#e0e4e5",
-          "$type": "color"
+          "value": "#e0e4e5",
+          "type": "color"
         },
         "--stone-2": {
-          "$value": "#ebedef",
-          "$type": "color"
+          "value": "#ebedef",
+          "type": "color"
         },
         "--stone-1": {
-          "$value": "#f2f4f6",
-          "$type": "color"
+          "value": "#f2f4f6",
+          "type": "color"
         },
         "--stone-0": {
-          "$value": "#f8fafb",
-          "$type": "color"
+          "value": "#f8fafb",
+          "type": "color"
         }
@@ -1006,52 +1006,52 @@ },
         "--sand-12": {
-          "$value": "#121210",
-          "$type": "color"
+          "value": "#121210",
+          "type": "color"
         },
         "--sand-11": {
-          "$value": "#252521",
-          "$type": "color"
+          "value": "#252521",
+          "type": "color"
         },
         "--sand-10": {
-          "$value": "#38352d",
-          "$type": "color"
+          "value": "#38352d",
+          "type": "color"
         },
         "--sand-9": {
-          "$value": "#4b4639",
-          "$type": "color"
+          "value": "#4b4639",
+          "type": "color"
         },
         "--sand-8": {
-          "$value": "#5f5746",
-          "$type": "color"
+          "value": "#5f5746",
+          "type": "color"
         },
         "--sand-7": {
-          "$value": "#736a53",
-          "$type": "color"
+          "value": "#736a53",
+          "type": "color"
         },
         "--sand-6": {
-          "$value": "#867c65",
-          "$type": "color"
+          "value": "#867c65",
+          "type": "color"
         },
         "--sand-5": {
-          "$value": "#9a9178",
-          "$type": "color"
+          "value": "#9a9178",
+          "type": "color"
         },
         "--sand-4": {
-          "$value": "#aea58c",
-          "$type": "color"
+          "value": "#aea58c",
+          "type": "color"
         },
         "--sand-3": {
-          "$value": "#c2b9a0",
-          "$type": "color"
+          "value": "#c2b9a0",
+          "type": "color"
         },
         "--sand-2": {
-          "$value": "#d5cfbd",
-          "$type": "color"
+          "value": "#d5cfbd",
+          "type": "color"
         },
         "--sand-1": {
-          "$value": "#e6e4dc",
-          "$type": "color"
+          "value": "#e6e4dc",
+          "type": "color"
         },
         "--sand-0": {
-          "$value": "#f8fafb",
-          "$type": "color"
+          "value": "#f8fafb",
+          "type": "color"
         }
@@ -1061,52 +1061,52 @@ },
         "--red-12": {
-          "$value": "#7d1a1a",
-          "$type": "color"
+          "value": "#7d1a1a",
+          "type": "color"
         },
         "--red-11": {
-          "$value": "#962020",
-          "$type": "color"
+          "value": "#962020",
+          "type": "color"
         },
         "--red-10": {
-          "$value": "#b02525",
-          "$type": "color"
+          "value": "#b02525",
+          "type": "color"
         },
         "--red-9": {
-          "$value": "#c92a2a",
-          "$type": "color"
+          "value": "#c92a2a",
+          "type": "color"
         },
         "--red-8": {
-          "$value": "#e03131",
-          "$type": "color"
+          "value": "#e03131",
+          "type": "color"
         },
         "--red-7": {
-          "$value": "#f03e3e",
-          "$type": "color"
+          "value": "#f03e3e",
+          "type": "color"
         },
         "--red-6": {
-          "$value": "#fa5252",
-          "$type": "color"
+          "value": "#fa5252",
+          "type": "color"
         },
         "--red-5": {
-          "$value": "#ff6b6b",
-          "$type": "color"
+          "value": "#ff6b6b",
+          "type": "color"
         },
         "--red-4": {
-          "$value": "#ff8787",
-          "$type": "color"
+          "value": "#ff8787",
+          "type": "color"
         },
         "--red-3": {
-          "$value": "#ffa8a8",
-          "$type": "color"
+          "value": "#ffa8a8",
+          "type": "color"
         },
         "--red-2": {
-          "$value": "#ffc9c9",
-          "$type": "color"
+          "value": "#ffc9c9",
+          "type": "color"
         },
         "--red-1": {
-          "$value": "#ffe3e3",
-          "$type": "color"
+          "value": "#ffe3e3",
+          "type": "color"
         },
         "--red-0": {
-          "$value": "#fff5f5",
-          "$type": "color"
+          "value": "#fff5f5",
+          "type": "color"
         }
@@ -1116,52 +1116,52 @@ },
         "--purple-12": {
-          "$value": "#44174f",
-          "$type": "color"
+          "value": "#44174f",
+          "type": "color"
         },
         "--purple-11": {
-          "$value": "#5a1e69",
-          "$type": "color"
+          "value": "#5a1e69",
+          "type": "color"
         },
         "--purple-10": {
-          "$value": "#702682",
-          "$type": "color"
+          "value": "#702682",
+          "type": "color"
         },
         "--purple-9": {
-          "$value": "#862e9c",
-          "$type": "color"
+          "value": "#862e9c",
+          "type": "color"
         },
         "--purple-8": {
-          "$value": "#9c36b5",
-          "$type": "color"
+          "value": "#9c36b5",
+          "type": "color"
         },
         "--purple-7": {
-          "$value": "#ae3ec9",
-          "$type": "color"
+          "value": "#ae3ec9",
+          "type": "color"
         },
         "--purple-6": {
-          "$value": "#be4bdb",
-          "$type": "color"
+          "value": "#be4bdb",
+          "type": "color"
         },
         "--purple-5": {
-          "$value": "#cc5de8",
-          "$type": "color"
+          "value": "#cc5de8",
+          "type": "color"
         },
         "--purple-4": {
-          "$value": "#da77f2",
-          "$type": "color"
+          "value": "#da77f2",
+          "type": "color"
         },
         "--purple-3": {
-          "$value": "#e599f7",
-          "$type": "color"
+          "value": "#e599f7",
+          "type": "color"
         },
         "--purple-2": {
-          "$value": "#eebefa",
-          "$type": "color"
+          "value": "#eebefa",
+          "type": "color"
         },
         "--purple-1": {
-          "$value": "#f3d9fa",
-          "$type": "color"
+          "value": "#f3d9fa",
+          "type": "color"
         },
         "--purple-0": {
-          "$value": "#f8f0fc",
-          "$type": "color"
+          "value": "#f8f0fc",
+          "type": "color"
         }
@@ -1171,52 +1171,52 @@ },
         "--pink-12": {
-          "$value": "#59102a",
-          "$type": "color"
+          "value": "#59102a",
+          "type": "color"
         },
         "--pink-11": {
-          "$value": "#731536",
-          "$type": "color"
+          "value": "#731536",
+          "type": "color"
         },
         "--pink-10": {
-          "$value": "#8c1941",
-          "$type": "color"
+          "value": "#8c1941",
+          "type": "color"
         },
         "--pink-9": {
-          "$value": "#a61e4d",
-          "$type": "color"
+          "value": "#a61e4d",
+          "type": "color"
         },
         "--pink-8": {
-          "$value": "#c2255c",
-          "$type": "color"
+          "value": "#c2255c",
+          "type": "color"
         },
         "--pink-7": {
-          "$value": "#d6336c",
-          "$type": "color"
+          "value": "#d6336c",
+          "type": "color"
         },
         "--pink-6": {
-          "$value": "#e64980",
-          "$type": "color"
+          "value": "#e64980",
+          "type": "color"
         },
         "--pink-5": {
-          "$value": "#f06595",
-          "$type": "color"
+          "value": "#f06595",
+          "type": "color"
         },
         "--pink-4": {
-          "$value": "#f783ac",
-          "$type": "color"
+          "value": "#f783ac",
+          "type": "color"
         },
         "--pink-3": {
-          "$value": "#faa2c1",
-          "$type": "color"
+          "value": "#faa2c1",
+          "type": "color"
         },
         "--pink-2": {
-          "$value": "#fcc2d7",
-          "$type": "color"
+          "value": "#fcc2d7",
+          "type": "color"
         },
         "--pink-1": {
-          "$value": "#ffdeeb",
-          "$type": "color"
+          "value": "#ffdeeb",
+          "type": "color"
         },
         "--pink-0": {
-          "$value": "#fff0f6",
-          "$type": "color"
+          "value": "#fff0f6",
+          "type": "color"
         }
@@ -1226,52 +1226,52 @@ },
         "--orange-12": {
-          "$value": "#802b09",
-          "$type": "color"
+          "value": "#802b09",
+          "type": "color"
         },
         "--orange-11": {
-          "$value": "#99330b",
-          "$type": "color"
+          "value": "#99330b",
+          "type": "color"
         },
         "--orange-10": {
-          "$value": "#bf400d",
-          "$type": "color"
+          "value": "#bf400d",
+          "type": "color"
         },
         "--orange-9": {
-          "$value": "#d9480f",
-          "$type": "color"
+          "value": "#d9480f",
+          "type": "color"
         },
         "--orange-8": {
-          "$value": "#e8590c",
-          "$type": "color"
+          "value": "#e8590c",
+          "type": "color"
         },
         "--orange-7": {
-          "$value": "#f76707",
-          "$type": "color"
+          "value": "#f76707",
+          "type": "color"
         },
         "--orange-6": {
-          "$value": "#fd7e14",
-          "$type": "color"
+          "value": "#fd7e14",
+          "type": "color"
         },
         "--orange-5": {
-          "$value": "#ff922b",
-          "$type": "color"
+          "value": "#ff922b",
+          "type": "color"
         },
         "--orange-4": {
-          "$value": "#ffa94d",
-          "$type": "color"
+          "value": "#ffa94d",
+          "type": "color"
         },
         "--orange-3": {
-          "$value": "#ffc078",
-          "$type": "color"
+          "value": "#ffc078",
+          "type": "color"
         },
         "--orange-2": {
-          "$value": "#ffd8a8",
-          "$type": "color"
+          "value": "#ffd8a8",
+          "type": "color"
         },
         "--orange-1": {
-          "$value": "#ffe8cc",
-          "$type": "color"
+          "value": "#ffe8cc",
+          "type": "color"
         },
         "--orange-0": {
-          "$value": "#fff4e6",
-          "$type": "color"
+          "value": "#fff4e6",
+          "type": "color"
         }
@@ -1281,52 +1281,52 @@ },
         "--lime-12": {
-          "$value": "#2c4706",
-          "$type": "color"
+          "value": "#2c4706",
+          "type": "color"
         },
         "--lime-11": {
-          "$value": "#3c6109",
-          "$type": "color"
+          "value": "#3c6109",
+          "type": "color"
         },
         "--lime-10": {
-          "$value": "#4c7a0b",
-          "$type": "color"
+          "value": "#4c7a0b",
+          "type": "color"
         },
         "--lime-9": {
-          "$value": "#5c940d",
-          "$type": "color"
+          "value": "#5c940d",
+          "type": "color"
         },
         "--lime-8": {
-          "$value": "#66a80f",
-          "$type": "color"
+          "value": "#66a80f",
+          "type": "color"
         },
         "--lime-7": {
-          "$value": "#74b816",
-          "$type": "color"
+          "value": "#74b816",
+          "type": "color"
         },
         "--lime-6": {
-          "$value": "#82c91e",
-          "$type": "color"
+          "value": "#82c91e",
+          "type": "color"
         },
         "--lime-5": {
-          "$value": "#94d82d",
-          "$type": "color"
+          "value": "#94d82d",
+          "type": "color"
         },
         "--lime-4": {
-          "$value": "#a9e34b",
-          "$type": "color"
+          "value": "#a9e34b",
+          "type": "color"
         },
         "--lime-3": {
-          "$value": "#c0eb75",
-          "$type": "color"
+          "value": "#c0eb75",
+          "type": "color"
         },
         "--lime-2": {
-          "$value": "#d8f5a2",
-          "$type": "color"
+          "value": "#d8f5a2",
+          "type": "color"
         },
         "--lime-1": {
-          "$value": "#e9fac8",
-          "$type": "color"
+          "value": "#e9fac8",
+          "type": "color"
         },
         "--lime-0": {
-          "$value": "#f4fce3",
-          "$type": "color"
+          "value": "#f4fce3",
+          "type": "color"
         }
@@ -1336,52 +1336,52 @@ },
         "--jungle-12": {
-          "$value": "#3d4d04",
-          "$type": "color"
+          "value": "#3d4d04",
+          "type": "color"
         },
         "--jungle-11": {
-          "$value": "#516605",
-          "$type": "color"
+          "value": "#516605",
+          "type": "color"
         },
         "--jungle-10": {
-          "$value": "#658006",
-          "$type": "color"
+          "value": "#658006",
+          "type": "color"
         },
         "--jungle-9": {
-          "$value": "#7a9908",
-          "$type": "color"
+          "value": "#7a9908",
+          "type": "color"
         },
         "--jungle-8": {
-          "$value": "#84a513",
-          "$type": "color"
+          "value": "#84a513",
+          "type": "color"
         },
         "--jungle-7": {
-          "$value": "#8fb024",
-          "$type": "color"
+          "value": "#8fb024",
+          "type": "color"
         },
         "--jungle-6": {
-          "$value": "#9bbb36",
-          "$type": "color"
+          "value": "#9bbb36",
+          "type": "color"
         },
         "--jungle-5": {
-          "$value": "#a8c648",
-          "$type": "color"
+          "value": "#a8c648",
+          "type": "color"
         },
         "--jungle-4": {
-          "$value": "#b5d15b",
-          "$type": "color"
+          "value": "#b5d15b",
+          "type": "color"
         },
         "--jungle-3": {
-          "$value": "#c2dd6e",
-          "$type": "color"
+          "value": "#c2dd6e",
+          "type": "color"
         },
         "--jungle-2": {
-          "$value": "#d0e884",
-          "$type": "color"
+          "value": "#d0e884",
+          "type": "color"
         },
         "--jungle-1": {
-          "$value": "#def39a",
-          "$type": "color"
+          "value": "#def39a",
+          "type": "color"
         },
         "--jungle-0": {
-          "$value": "#ecfeb0",
-          "$type": "color"
+          "value": "#ecfeb0",
+          "type": "color"
         }
@@ -1391,52 +1391,52 @@ },
         "--indigo-12": {
-          "$value": "#21307a",
-          "$type": "color"
+          "value": "#21307a",
+          "type": "color"
         },
         "--indigo-11": {
-          "$value": "#283a94",
-          "$type": "color"
+          "value": "#283a94",
+          "type": "color"
         },
         "--indigo-10": {
-          "$value": "#2f44ad",
-          "$type": "color"
+          "value": "#2f44ad",
+          "type": "color"
         },
         "--indigo-9": {
-          "$value": "#364fc7",
-          "$type": "color"
+          "value": "#364fc7",
+          "type": "color"
         },
         "--indigo-8": {
-          "$value": "#3b5bdb",
-          "$type": "color"
+          "value": "#3b5bdb",
+          "type": "color"
         },
         "--indigo-7": {
-          "$value": "#4263eb",
-          "$type": "color"
+          "value": "#4263eb",
+          "type": "color"
         },
         "--indigo-6": {
-          "$value": "#4c6ef5",
-          "$type": "color"
+          "value": "#4c6ef5",
+          "type": "color"
         },
         "--indigo-5": {
-          "$value": "#5c7cfa",
-          "$type": "color"
+          "value": "#5c7cfa",
+          "type": "color"
         },
         "--indigo-4": {
-          "$value": "#748ffc",
-          "$type": "color"
+          "value": "#748ffc",
+          "type": "color"
         },
         "--indigo-3": {
-          "$value": "#91a7ff",
-          "$type": "color"
+          "value": "#91a7ff",
+          "type": "color"
         },
         "--indigo-2": {
-          "$value": "#bac8ff",
-          "$type": "color"
+          "value": "#bac8ff",
+          "type": "color"
         },
         "--indigo-1": {
-          "$value": "#dbe4ff",
-          "$type": "color"
+          "value": "#dbe4ff",
+          "type": "color"
         },
         "--indigo-0": {
-          "$value": "#edf2ff",
-          "$type": "color"
+          "value": "#edf2ff",
+          "type": "color"
         }
@@ -1446,52 +1446,52 @@ },
         "--green-12": {
-          "$value": "#133d1b",
-          "$type": "color"
+          "value": "#133d1b",
+          "type": "color"
         },
         "--green-11": {
-          "$value": "#1b5727",
-          "$type": "color"
+          "value": "#1b5727",
+          "type": "color"
         },
         "--green-10": {
-          "$value": "#237032",
-          "$type": "color"
+          "value": "#237032",
+          "type": "color"
         },
         "--green-9": {
-          "$value": "#2b8a3e",
-          "$type": "color"
+          "value": "#2b8a3e",
+          "type": "color"
         },
         "--green-8": {
-          "$value": "#2f9e44",
-          "$type": "color"
+          "value": "#2f9e44",
+          "type": "color"
         },
         "--green-7": {
-          "$value": "#37b24d",
-          "$type": "color"
+          "value": "#37b24d",
+          "type": "color"
         },
         "--green-6": {
-          "$value": "#40c057",
-          "$type": "color"
+          "value": "#40c057",
+          "type": "color"
         },
         "--green-5": {
-          "$value": "#51cf66",
-          "$type": "color"
+          "value": "#51cf66",
+          "type": "color"
         },
         "--green-4": {
-          "$value": "#69db7c",
-          "$type": "color"
+          "value": "#69db7c",
+          "type": "color"
         },
         "--green-3": {
-          "$value": "#8ce99a",
-          "$type": "color"
+          "value": "#8ce99a",
+          "type": "color"
         },
         "--green-2": {
-          "$value": "#b2f2bb",
-          "$type": "color"
+          "value": "#b2f2bb",
+          "type": "color"
         },
         "--green-1": {
-          "$value": "#d3f9d8",
-          "$type": "color"
+          "value": "#d3f9d8",
+          "type": "color"
         },
         "--green-0": {
-          "$value": "#ebfbee",
-          "$type": "color"
+          "value": "#ebfbee",
+          "type": "color"
         }
@@ -1501,52 +1501,52 @@ },
         "--gray-12": {
-          "$value": "#030507",
-          "$type": "color"
+          "value": "#030507",
+          "type": "color"
         },
         "--gray-11": {
-          "$value": "#0d0f12",
-          "$type": "color"
+          "value": "#0d0f12",
+          "type": "color"
         },
         "--gray-10": {
-          "$value": "#16191d",
-          "$type": "color"
+          "value": "#16191d",
+          "type": "color"
         },
         "--gray-9": {
-          "$value": "#212529",
-          "$type": "color"
+          "value": "#212529",
+          "type": "color"
         },
         "--gray-8": {
-          "$value": "#343a40",
-          "$type": "color"
+          "value": "#343a40",
+          "type": "color"
         },
         "--gray-7": {
-          "$value": "#495057",
-          "$type": "color"
+          "value": "#495057",
+          "type": "color"
         },
         "--gray-6": {
-          "$value": "#868e96",
-          "$type": "color"
+          "value": "#868e96",
+          "type": "color"
         },
         "--gray-5": {
-          "$value": "#adb5bd",
-          "$type": "color"
+          "value": "#adb5bd",
+          "type": "color"
         },
         "--gray-4": {
-          "$value": "#ced4da",
-          "$type": "color"
+          "value": "#ced4da",
+          "type": "color"
         },
         "--gray-3": {
-          "$value": "#dee2e6",
-          "$type": "color"
+          "value": "#dee2e6",
+          "type": "color"
         },
         "--gray-2": {
-          "$value": "#e9ecef",
-          "$type": "color"
+          "value": "#e9ecef",
+          "type": "color"
         },
         "--gray-1": {
-          "$value": "#f1f3f5",
-          "$type": "color"
+          "value": "#f1f3f5",
+          "type": "color"
         },
         "--gray-0": {
-          "$value": "#f8f9fa",
-          "$type": "color"
+          "value": "#f8f9fa",
+          "type": "color"
         }
@@ -1556,52 +1556,52 @@ },
         "--cyan-12": {
-          "$value": "#053038",
-          "$type": "color"
+          "value": "#053038",
+          "type": "color"
         },
         "--cyan-11": {
-          "$value": "#074652",
-          "$type": "color"
+          "value": "#074652",
+          "type": "color"
         },
         "--cyan-10": {
-          "$value": "#095c6b",
-          "$type": "color"
+          "value": "#095c6b",
+          "type": "color"
         },
         "--cyan-9": {
-          "$value": "#0b7285",
-          "$type": "color"
+          "value": "#0b7285",
+          "type": "color"
         },
         "--cyan-8": {
-          "$value": "#0c8599",
-          "$type": "color"
+          "value": "#0c8599",
+          "type": "color"
         },
         "--cyan-7": {
-          "$value": "#1098ad",
-          "$type": "color"
+          "value": "#1098ad",
+          "type": "color"
         },
         "--cyan-6": {
-          "$value": "#15aabf",
-          "$type": "color"
+          "value": "#15aabf",
+          "type": "color"
         },
         "--cyan-5": {
-          "$value": "#22b8cf",
-          "$type": "color"
+          "value": "#22b8cf",
+          "type": "color"
         },
         "--cyan-4": {
-          "$value": "#3bc9db",
-          "$type": "color"
+          "value": "#3bc9db",
+          "type": "color"
         },
         "--cyan-3": {
-          "$value": "#66d9e8",
-          "$type": "color"
+          "value": "#66d9e8",
+          "type": "color"
         },
         "--cyan-2": {
-          "$value": "#99e9f2",
-          "$type": "color"
+          "value": "#99e9f2",
+          "type": "color"
         },
         "--cyan-1": {
-          "$value": "#c5f6fa",
-          "$type": "color"
+          "value": "#c5f6fa",
+          "type": "color"
         },
         "--cyan-0": {
-          "$value": "#e3fafc",
-          "$type": "color"
+          "value": "#e3fafc",
+          "type": "color"
         }
@@ -1611,52 +1611,52 @@ },
         "--choco-12": {
-          "$value": "#3d210d",
-          "$type": "color"
+          "value": "#3d210d",
+          "type": "color"
         },
         "--choco-11": {
-          "$value": "#572f12",
-          "$type": "color"
+          "value": "#572f12",
+          "type": "color"
         },
         "--choco-10": {
-          "$value": "#703a13",
-          "$type": "color"
+          "value": "#703a13",
+          "type": "color"
         },
         "--choco-9": {
-          "$value": "#8a4513",
-          "$type": "color"
+          "value": "#8a4513",
+          "type": "color"
         },
         "--choco-8": {
-          "$value": "#a45117",
-          "$type": "color"
+          "value": "#a45117",
+          "type": "color"
         },
         "--choco-7": {
-          "$value": "#bd5f1b",
-          "$type": "color"
+          "value": "#bd5f1b",
+          "type": "color"
         },
         "--choco-6": {
-          "$value": "#d46e25",
-          "$type": "color"
+          "value": "#d46e25",
+          "type": "color"
         },
         "--choco-5": {
-          "$value": "#df8545",
-          "$type": "color"
+          "value": "#df8545",
+          "type": "color"
         },
         "--choco-4": {
-          "$value": "#e99b62",
-          "$type": "color"
+          "value": "#e99b62",
+          "type": "color"
         },
         "--choco-3": {
-          "$value": "#f1b280",
-          "$type": "color"
+          "value": "#f1b280",
+          "type": "color"
         },
         "--choco-2": {
-          "$value": "#f7ca9e",
-          "$type": "color"
+          "value": "#f7ca9e",
+          "type": "color"
         },
         "--choco-1": {
-          "$value": "#fce1bc",
-          "$type": "color"
+          "value": "#fce1bc",
+          "type": "color"
         },
         "--choco-0": {
-          "$value": "#fff8dc",
-          "$type": "color"
+          "value": "#fff8dc",
+          "type": "color"
         }
@@ -1666,52 +1666,52 @@ },
         "--camo-12": {
-          "$value": "#36300a",
-          "$type": "color"
+          "value": "#36300a",
+          "type": "color"
         },
         "--camo-11": {
-          "$value": "#4d460e",
-          "$type": "color"
+          "value": "#4d460e",
+          "type": "color"
         },
         "--camo-10": {
-          "$value": "#5d5411",
-          "$type": "color"
+          "value": "#5d5411",
+          "type": "color"
         },
         "--camo-9": {
-          "$value": "#6d6414",
-          "$type": "color"
+          "value": "#6d6414",
+          "type": "color"
         },
         "--camo-8": {
-          "$value": "#7e7416",
-          "$type": "color"
+          "value": "#7e7416",
+          "type": "color"
         },
         "--camo-7": {
-          "$value": "#8c851c",
-          "$type": "color"
+          "value": "#8c851c",
+          "type": "color"
         },
         "--camo-6": {
-          "$value": "#999621",
-          "$type": "color"
+          "value": "#999621",
+          "type": "color"
         },
         "--camo-5": {
-          "$value": "#a7a827",
-          "$type": "color"
+          "value": "#a7a827",
+          "type": "color"
         },
         "--camo-4": {
-          "$value": "#b5bb2e",
-          "$type": "color"
+          "value": "#b5bb2e",
+          "type": "color"
         },
         "--camo-3": {
-          "$value": "#c2ce34",
-          "$type": "color"
+          "value": "#c2ce34",
+          "type": "color"
         },
         "--camo-2": {
-          "$value": "#d2df4e",
-          "$type": "color"
+          "value": "#d2df4e",
+          "type": "color"
         },
         "--camo-1": {
-          "$value": "#e8ed9c",
-          "$type": "color"
+          "value": "#e8ed9c",
+          "type": "color"
         },
         "--camo-0": {
-          "$value": "#f9fbe7",
-          "$type": "color"
+          "value": "#f9fbe7",
+          "type": "color"
         }
@@ -1721,52 +1721,52 @@ },
         "--brown-12": {
-          "$value": "#422412",
-          "$type": "color"
+          "value": "#422412",
+          "type": "color"
         },
         "--brown-11": {
-          "$value": "#4e2b15",
-          "$type": "color"
+          "value": "#4e2b15",
+          "type": "color"
         },
         "--brown-10": {
-          "$value": "#5e3a21",
-          "$type": "color"
+          "value": "#5e3a21",
+          "type": "color"
         },
         "--brown-9": {
-          "$value": "#6f4b2d",
-          "$type": "color"
+          "value": "#6f4b2d",
+          "type": "color"
         },
         "--brown-8": {
-          "$value": "#825b3a",
-          "$type": "color"
+          "value": "#825b3a",
+          "type": "color"
         },
         "--brown-7": {
-          "$value": "#956b47",
-          "$type": "color"
+          "value": "#956b47",
+          "type": "color"
         },
         "--brown-6": {
-          "$value": "#a87c56",
-          "$type": "color"
+          "value": "#a87c56",
+          "type": "color"
         },
         "--brown-5": {
-          "$value": "#b78f6d",
-          "$type": "color"
+          "value": "#b78f6d",
+          "type": "color"
         },
         "--brown-4": {
-          "$value": "#c5a285",
-          "$type": "color"
+          "value": "#c5a285",
+          "type": "color"
         },
         "--brown-3": {
-          "$value": "#d3b79e",
-          "$type": "color"
+          "value": "#d3b79e",
+          "type": "color"
         },
         "--brown-2": {
-          "$value": "#e0cab7",
-          "$type": "color"
+          "value": "#e0cab7",
+          "type": "color"
         },
         "--brown-1": {
-          "$value": "#ede0d1",
-          "$type": "color"
+          "value": "#ede0d1",
+          "type": "color"
         },
         "--brown-0": {
-          "$value": "#faf4eb",
-          "$type": "color"
+          "value": "#faf4eb",
+          "type": "color"
         }
@@ -1776,52 +1776,52 @@ },
         "--blue-12": {
-          "$value": "#0d375e",
-          "$type": "color"
+          "value": "#0d375e",
+          "type": "color"
         },
         "--blue-11": {
-          "$value": "#114678",
-          "$type": "color"
+          "value": "#114678",
+          "type": "color"
         },
         "--blue-10": {
-          "$value": "#145591",
-          "$type": "color"
+          "value": "#145591",
+          "type": "color"
         },
         "--blue-9": {
-          "$value": "#1864ab",
-          "$type": "color"
+          "value": "#1864ab",
+          "type": "color"
         },
         "--blue-8": {
-          "$value": "#1971c2",
-          "$type": "color"
+          "value": "#1971c2",
+          "type": "color"
         },
         "--blue-7": {
-          "$value": "#1c7ed6",
-          "$type": "color"
+          "value": "#1c7ed6",
+          "type": "color"
         },
         "--blue-6": {
-          "$value": "#228be6",
-          "$type": "color"
+          "value": "#228be6",
+          "type": "color"
         },
         "--blue-5": {
-          "$value": "#339af0",
-          "$type": "color"
+          "value": "#339af0",
+          "type": "color"
         },
         "--blue-4": {
-          "$value": "#4dabf7",
-          "$type": "color"
+          "value": "#4dabf7",
+          "type": "color"
         },
         "--blue-3": {
-          "$value": "#74c0fc",
-          "$type": "color"
+          "value": "#74c0fc",
+          "type": "color"
         },
         "--blue-2": {
-          "$value": "#a5d8ff",
-          "$type": "color"
+          "value": "#a5d8ff",
+          "type": "color"
         },
         "--blue-1": {
-          "$value": "#d0ebff",
-          "$type": "color"
+          "value": "#d0ebff",
+          "type": "color"
         },
         "--blue-0": {
-          "$value": "#e7f5ff",
-          "$type": "color"
+          "value": "#e7f5ff",
+          "type": "color"
         }
@@ -1828,0 +1828,0 @@ }

package.json

@@ -6,3 +6,3 @@ {
   "license": "MIT",
-  "version": "1.6.16",
+  "version": "1.6.17",
   "repository": {
@@ -9,0 +9,0 @@ "type": "git",

readme.md

@@ -29,2 +29,11 @@ <div align="center">
 
+#### Bookmarklet
+
+```js
+javascript: (() => {
+  const href = "https://unpkg.com/open-props";
+  document.head.append(Object.assign(document.createElement("link"),{rel:"stylesheet",href}));
+})();
+```
+
 #### CLI
@@ -31,0 +40,0 @@ - `npm run gen:op` - runs through `src/` js files and creates the PostCSS files in `src/`

No alert changes

Improved metrics

Number of lines in readme file

45

increased by25%

Worsened metrics

Total package byte prevSize

961982

decreased by-0.16%

No dependency changes