Limit layers and digits after comma

Author: ai

index.js

@@ -18,6 +18,7 @@ function toPx(value) {
 
 export function renderShadows(type, inset, x, y, blur, color) {
   let layers = Math.ceil(toPx(blur) / 6)
+  if (layers > 10) layers = 10
   let layerIncrement = 1 / layers
 
   let getAlpha = () => 1
@@ -29,7 +30,7 @@ export function renderShadows(type, inset, x, y, blur, color) {
 
   let shadows = []
   for (let i = 0; i < layers; i++) {
-    let step = Number(easeInQuad((i + 1) / layers).toFixed(4))
+    let step = Number(easeInQuad((i + 1) / layers).toFixed(3))
     let iAlpha = parseFloat(getAlpha(i).toFixed(3))
     let insetPrefix = inset ? 'inset ' : ''
     let cssX = x === '0' ? '0' : `calc(${step} * ${x})`

test/fixtures/handles-complex-nested-functions.out.css

@@ -1,30 +1,13 @@
 a {
   box-shadow: 
-    calc(0.0014 * calc(1% + 1px)) calc(0.0014 * 2px) calc(0.0014 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0055 * calc(1% + 1px)) calc(0.0055 * 2px) calc(0.0055 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0123 * calc(1% + 1px)) calc(0.0123 * 2px) calc(0.0123 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0219 * calc(1% + 1px)) calc(0.0219 * 2px) calc(0.0219 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0343 * calc(1% + 1px)) calc(0.0343 * 2px) calc(0.0343 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0494 * calc(1% + 1px)) calc(0.0494 * 2px) calc(0.0494 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0672 * calc(1% + 1px)) calc(0.0672 * 2px) calc(0.0672 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0878 * calc(1% + 1px)) calc(0.0878 * 2px) calc(0.0878 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.1111 * calc(1% + 1px)) calc(0.1111 * 2px) calc(0.1111 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.1372 * calc(1% + 1px)) calc(0.1372 * 2px) calc(0.1372 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.166 * calc(1% + 1px)) calc(0.166 * 2px) calc(0.166 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.1975 * calc(1% + 1px)) calc(0.1975 * 2px) calc(0.1975 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.2318 * calc(1% + 1px)) calc(0.2318 * 2px) calc(0.2318 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.2689 * calc(1% + 1px)) calc(0.2689 * 2px) calc(0.2689 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.3086 * calc(1% + 1px)) calc(0.3086 * 2px) calc(0.3086 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.3512 * calc(1% + 1px)) calc(0.3512 * 2px) calc(0.3512 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.3964 * calc(1% + 1px)) calc(0.3964 * 2px) calc(0.3964 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.4444 * calc(1% + 1px)) calc(0.4444 * 2px) calc(0.4444 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.4952 * calc(1% + 1px)) calc(0.4952 * 2px) calc(0.4952 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.5487 * calc(1% + 1px)) calc(0.5487 * 2px) calc(0.5487 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.6049 * calc(1% + 1px)) calc(0.6049 * 2px) calc(0.6049 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.6639 * calc(1% + 1px)) calc(0.6639 * 2px) calc(0.6639 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.7257 * calc(1% + 1px)) calc(0.7257 * 2px) calc(0.7257 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.7901 * calc(1% + 1px)) calc(0.7901 * 2px) calc(0.7901 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.8573 * calc(1% + 1px)) calc(0.8573 * 2px) calc(0.8573 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.9273 * calc(1% + 1px)) calc(0.9273 * 2px) calc(0.9273 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.01 * calc(1% + 1px)) calc(0.01 * 2px) calc(0.01 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.04 * calc(1% + 1px)) calc(0.04 * 2px) calc(0.04 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.09 * calc(1% + 1px)) calc(0.09 * 2px) calc(0.09 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.16 * calc(1% + 1px)) calc(0.16 * 2px) calc(0.16 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.25 * calc(1% + 1px)) calc(0.25 * 2px) calc(0.25 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.36 * calc(1% + 1px)) calc(0.36 * 2px) calc(0.36 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.49 * calc(1% + 1px)) calc(0.49 * 2px) calc(0.49 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.64 * calc(1% + 1px)) calc(0.64 * 2px) calc(0.64 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.81 * calc(1% + 1px)) calc(0.81 * 2px) calc(0.81 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
     calc(1 * calc(1% + 1px)) calc(1 * 2px) calc(1 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1));
 }

test/fixtures/handles-different-css-units.out.css

@@ -1,7 +1,7 @@
 a {
   box-shadow: 
-    calc(0.0625 * 1rem) calc(0.0625 * 2em) calc(0.0625 * 24px) rgb(from currentColor r g b / calc(alpha * 0.25)),
+    calc(0.063 * 1rem) calc(0.063 * 2em) calc(0.063 * 24px) rgb(from currentColor r g b / calc(alpha * 0.25)),
     calc(0.25 * 1rem) calc(0.25 * 2em) calc(0.25 * 24px) rgb(from currentColor r g b / calc(alpha * 0.5)),
-    calc(0.5625 * 1rem) calc(0.5625 * 2em) calc(0.5625 * 24px) rgb(from currentColor r g b / calc(alpha * 0.75)),
+    calc(0.563 * 1rem) calc(0.563 * 2em) calc(0.563 * 24px) rgb(from currentColor r g b / calc(alpha * 0.75)),
     calc(1 * 1rem) calc(1 * 2em) calc(1 * 24px) rgb(from currentColor r g b / calc(alpha * 1));
 }

test/fixtures/handles-hsl-colors-with-complex-expressions.out.css

@@ -1,6 +1,6 @@
 a {
   box-shadow: 
-    calc(0.1111 * 2px) calc(0.1111 * 4px) calc(0.1111 * 18px) rgb(from hsl(calc(var(--hue) + 30), 100%, 50%) r g b / calc(alpha * 0.333)),
-    calc(0.4444 * 2px) calc(0.4444 * 4px) calc(0.4444 * 18px) rgb(from hsl(calc(var(--hue) + 30), 100%, 50%) r g b / calc(alpha * 0.667)),
+    calc(0.111 * 2px) calc(0.111 * 4px) calc(0.111 * 18px) rgb(from hsl(calc(var(--hue) + 30), 100%, 50%) r g b / calc(alpha * 0.333)),
+    calc(0.444 * 2px) calc(0.444 * 4px) calc(0.444 * 18px) rgb(from hsl(calc(var(--hue) + 30), 100%, 50%) r g b / calc(alpha * 0.667)),
     calc(1 * 2px) calc(1 * 4px) calc(1 * 18px) rgb(from hsl(calc(var(--hue) + 30), 100%, 50%) r g b / calc(alpha * 1));
 }

test/fixtures/handles-large-blur-values-creating-many-layers.out.css

@@ -1,9 +1,9 @@
 a {
   box-shadow: 
-    calc(0.0278 * 2px) calc(0.0278 * 2px) calc(0.0278 * 36px) rgb(from black r g b / calc(alpha * 1)),
-    calc(0.1111 * 2px) calc(0.1111 * 2px) calc(0.1111 * 36px) rgb(from black r g b / calc(alpha * 0.833)),
+    calc(0.028 * 2px) calc(0.028 * 2px) calc(0.028 * 36px) rgb(from black r g b / calc(alpha * 1)),
+    calc(0.111 * 2px) calc(0.111 * 2px) calc(0.111 * 36px) rgb(from black r g b / calc(alpha * 0.833)),
     calc(0.25 * 2px) calc(0.25 * 2px) calc(0.25 * 36px) rgb(from black r g b / calc(alpha * 0.667)),
-    calc(0.4444 * 2px) calc(0.4444 * 2px) calc(0.4444 * 36px) rgb(from black r g b / calc(alpha * 0.5)),
-    calc(0.6944 * 2px) calc(0.6944 * 2px) calc(0.6944 * 36px) rgb(from black r g b / calc(alpha * 0.333)),
+    calc(0.444 * 2px) calc(0.444 * 2px) calc(0.444 * 36px) rgb(from black r g b / calc(alpha * 0.5)),
+    calc(0.694 * 2px) calc(0.694 * 2px) calc(0.694 * 36px) rgb(from black r g b / calc(alpha * 0.333)),
     calc(1 * 2px) calc(1 * 2px) calc(1 * 36px) rgb(from black r g b / calc(alpha * 0.167));
 }

test/fixtures/handles-multiple-shadow-functions-of-different-types.out.css

@@ -5,7 +5,7 @@ a {
     calc(0.25 * 2px) calc(0.25 * 4px) calc(0.25 * 12px) rgb(from blue r g b / calc(alpha * 0.5)),
     calc(1 * 2px) calc(1 * 4px) calc(1 * 12px) rgb(from blue r g b / calc(alpha * 1)),
 
-    calc(0.1111 * 3px) calc(0.1111 * 6px) calc(0.1111 * 18px) rgb(from green r g b / calc(alpha * 1)),
-    calc(0.4444 * 3px) calc(0.4444 * 6px) calc(0.4444 * 18px) rgb(from green r g b / calc(alpha * 1)),
+    calc(0.111 * 3px) calc(0.111 * 6px) calc(0.111 * 18px) rgb(from green r g b / calc(alpha * 1)),
+    calc(0.444 * 3px) calc(0.444 * 6px) calc(0.444 * 18px) rgb(from green r g b / calc(alpha * 1)),
     calc(1 * 3px) calc(1 * 6px) calc(1 * 18px) rgb(from green r g b / calc(alpha * 1));
 }

test/fixtures/handles-multiple-soft-shadow-in-same-declaration.out.css

@@ -2,7 +2,7 @@ a {
   box-shadow: 
     calc(0.25 * 1px) calc(0.25 * 2px) calc(0.25 * 12px) rgb(from red r g b / calc(alpha * 0.5)),
     calc(1 * 1px) calc(1 * 2px) calc(1 * 12px) rgb(from red r g b / calc(alpha * 1)), 
-    calc(0.1111 * 3px) calc(0.1111 * 4px) calc(0.1111 * 18px) rgb(from blue r g b / calc(alpha * 0.333)),
-    calc(0.4444 * 3px) calc(0.4444 * 4px) calc(0.4444 * 18px) rgb(from blue r g b / calc(alpha * 0.667)),
+    calc(0.111 * 3px) calc(0.111 * 4px) calc(0.111 * 18px) rgb(from blue r g b / calc(alpha * 0.333)),
+    calc(0.444 * 3px) calc(0.444 * 4px) calc(0.444 * 18px) rgb(from blue r g b / calc(alpha * 0.667)),
     calc(1 * 3px) calc(1 * 4px) calc(1 * 18px) rgb(from blue r g b / calc(alpha * 1));
 }

test/fixtures/handles-nested-parentheses-in-calc-functions.out.css

@@ -1,30 +1,13 @@
 a {
   box-shadow: 
-    calc(0.0014 * calc(1% + 1px)) calc(0.0014 * 2px) calc(0.0014 * 10rem) rgb(from red r g b / calc(alpha * 1)),
-    calc(0.0055 * calc(1% + 1px)) calc(0.0055 * 2px) calc(0.0055 * 10rem) rgb(from red r g b / calc(alpha * 0.963)),
-    calc(0.0123 * calc(1% + 1px)) calc(0.0123 * 2px) calc(0.0123 * 10rem) rgb(from red r g b / calc(alpha * 0.926)),
-    calc(0.0219 * calc(1% + 1px)) calc(0.0219 * 2px) calc(0.0219 * 10rem) rgb(from red r g b / calc(alpha * 0.889)),
-    calc(0.0343 * calc(1% + 1px)) calc(0.0343 * 2px) calc(0.0343 * 10rem) rgb(from red r g b / calc(alpha * 0.852)),
-    calc(0.0494 * calc(1% + 1px)) calc(0.0494 * 2px) calc(0.0494 * 10rem) rgb(from red r g b / calc(alpha * 0.815)),
-    calc(0.0672 * calc(1% + 1px)) calc(0.0672 * 2px) calc(0.0672 * 10rem) rgb(from red r g b / calc(alpha * 0.778)),
-    calc(0.0878 * calc(1% + 1px)) calc(0.0878 * 2px) calc(0.0878 * 10rem) rgb(from red r g b / calc(alpha * 0.741)),
-    calc(0.1111 * calc(1% + 1px)) calc(0.1111 * 2px) calc(0.1111 * 10rem) rgb(from red r g b / calc(alpha * 0.704)),
-    calc(0.1372 * calc(1% + 1px)) calc(0.1372 * 2px) calc(0.1372 * 10rem) rgb(from red r g b / calc(alpha * 0.667)),
-    calc(0.166 * calc(1% + 1px)) calc(0.166 * 2px) calc(0.166 * 10rem) rgb(from red r g b / calc(alpha * 0.63)),
-    calc(0.1975 * calc(1% + 1px)) calc(0.1975 * 2px) calc(0.1975 * 10rem) rgb(from red r g b / calc(alpha * 0.593)),
-    calc(0.2318 * calc(1% + 1px)) calc(0.2318 * 2px) calc(0.2318 * 10rem) rgb(from red r g b / calc(alpha * 0.556)),
-    calc(0.2689 * calc(1% + 1px)) calc(0.2689 * 2px) calc(0.2689 * 10rem) rgb(from red r g b / calc(alpha * 0.519)),
-    calc(0.3086 * calc(1% + 1px)) calc(0.3086 * 2px) calc(0.3086 * 10rem) rgb(from red r g b / calc(alpha * 0.481)),
-    calc(0.3512 * calc(1% + 1px)) calc(0.3512 * 2px) calc(0.3512 * 10rem) rgb(from red r g b / calc(alpha * 0.444)),
-    calc(0.3964 * calc(1% + 1px)) calc(0.3964 * 2px) calc(0.3964 * 10rem) rgb(from red r g b / calc(alpha * 0.407)),
-    calc(0.4444 * calc(1% + 1px)) calc(0.4444 * 2px) calc(0.4444 * 10rem) rgb(from red r g b / calc(alpha * 0.37)),
-    calc(0.4952 * calc(1% + 1px)) calc(0.4952 * 2px) calc(0.4952 * 10rem) rgb(from red r g b / calc(alpha * 0.333)),
-    calc(0.5487 * calc(1% + 1px)) calc(0.5487 * 2px) calc(0.5487 * 10rem) rgb(from red r g b / calc(alpha * 0.296)),
-    calc(0.6049 * calc(1% + 1px)) calc(0.6049 * 2px) calc(0.6049 * 10rem) rgb(from red r g b / calc(alpha * 0.259)),
-    calc(0.6639 * calc(1% + 1px)) calc(0.6639 * 2px) calc(0.6639 * 10rem) rgb(from red r g b / calc(alpha * 0.222)),
-    calc(0.7257 * calc(1% + 1px)) calc(0.7257 * 2px) calc(0.7257 * 10rem) rgb(from red r g b / calc(alpha * 0.185)),
-    calc(0.7901 * calc(1% + 1px)) calc(0.7901 * 2px) calc(0.7901 * 10rem) rgb(from red r g b / calc(alpha * 0.148)),
-    calc(0.8573 * calc(1% + 1px)) calc(0.8573 * 2px) calc(0.8573 * 10rem) rgb(from red r g b / calc(alpha * 0.111)),
-    calc(0.9273 * calc(1% + 1px)) calc(0.9273 * 2px) calc(0.9273 * 10rem) rgb(from red r g b / calc(alpha * 0.074)),
-    calc(1 * calc(1% + 1px)) calc(1 * 2px) calc(1 * 10rem) rgb(from red r g b / calc(alpha * 0.037));
+    calc(0.01 * calc(1% + 1px)) calc(0.01 * 2px) calc(0.01 * 10rem) rgb(from red r g b / calc(alpha * 1)),
+    calc(0.04 * calc(1% + 1px)) calc(0.04 * 2px) calc(0.04 * 10rem) rgb(from red r g b / calc(alpha * 0.9)),
+    calc(0.09 * calc(1% + 1px)) calc(0.09 * 2px) calc(0.09 * 10rem) rgb(from red r g b / calc(alpha * 0.8)),
+    calc(0.16 * calc(1% + 1px)) calc(0.16 * 2px) calc(0.16 * 10rem) rgb(from red r g b / calc(alpha * 0.7)),
+    calc(0.25 * calc(1% + 1px)) calc(0.25 * 2px) calc(0.25 * 10rem) rgb(from red r g b / calc(alpha * 0.6)),
+    calc(0.36 * calc(1% + 1px)) calc(0.36 * 2px) calc(0.36 * 10rem) rgb(from red r g b / calc(alpha * 0.5)),
+    calc(0.49 * calc(1% + 1px)) calc(0.49 * 2px) calc(0.49 * 10rem) rgb(from red r g b / calc(alpha * 0.4)),
+    calc(0.64 * calc(1% + 1px)) calc(0.64 * 2px) calc(0.64 * 10rem) rgb(from red r g b / calc(alpha * 0.3)),
+    calc(0.81 * calc(1% + 1px)) calc(0.81 * 2px) calc(0.81 * 10rem) rgb(from red r g b / calc(alpha * 0.2)),
+    calc(1 * calc(1% + 1px)) calc(1 * 2px) calc(1 * 10rem) rgb(from red r g b / calc(alpha * 0.1));
 }

test/fixtures/handles-user-example-with-complex-nested-functions.out.css

@@ -1,30 +1,13 @@
 a {
   box-shadow: 
-    calc(0.0014 * calc(1% + 1px)) calc(0.0014 * 2px) calc(0.0014 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
-    calc(0.0055 * calc(1% + 1px)) calc(0.0055 * 2px) calc(0.0055 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.963)),
-    calc(0.0123 * calc(1% + 1px)) calc(0.0123 * 2px) calc(0.0123 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.926)),
-    calc(0.0219 * calc(1% + 1px)) calc(0.0219 * 2px) calc(0.0219 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.889)),
-    calc(0.0343 * calc(1% + 1px)) calc(0.0343 * 2px) calc(0.0343 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.852)),
-    calc(0.0494 * calc(1% + 1px)) calc(0.0494 * 2px) calc(0.0494 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.815)),
-    calc(0.0672 * calc(1% + 1px)) calc(0.0672 * 2px) calc(0.0672 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.778)),
-    calc(0.0878 * calc(1% + 1px)) calc(0.0878 * 2px) calc(0.0878 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.741)),
-    calc(0.1111 * calc(1% + 1px)) calc(0.1111 * 2px) calc(0.1111 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.704)),
-    calc(0.1372 * calc(1% + 1px)) calc(0.1372 * 2px) calc(0.1372 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.667)),
-    calc(0.166 * calc(1% + 1px)) calc(0.166 * 2px) calc(0.166 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.63)),
-    calc(0.1975 * calc(1% + 1px)) calc(0.1975 * 2px) calc(0.1975 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.593)),
-    calc(0.2318 * calc(1% + 1px)) calc(0.2318 * 2px) calc(0.2318 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.556)),
-    calc(0.2689 * calc(1% + 1px)) calc(0.2689 * 2px) calc(0.2689 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.519)),
-    calc(0.3086 * calc(1% + 1px)) calc(0.3086 * 2px) calc(0.3086 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.481)),
-    calc(0.3512 * calc(1% + 1px)) calc(0.3512 * 2px) calc(0.3512 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.444)),
-    calc(0.3964 * calc(1% + 1px)) calc(0.3964 * 2px) calc(0.3964 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.407)),
-    calc(0.4444 * calc(1% + 1px)) calc(0.4444 * 2px) calc(0.4444 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.37)),
-    calc(0.4952 * calc(1% + 1px)) calc(0.4952 * 2px) calc(0.4952 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.333)),
-    calc(0.5487 * calc(1% + 1px)) calc(0.5487 * 2px) calc(0.5487 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.296)),
-    calc(0.6049 * calc(1% + 1px)) calc(0.6049 * 2px) calc(0.6049 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.259)),
-    calc(0.6639 * calc(1% + 1px)) calc(0.6639 * 2px) calc(0.6639 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.222)),
-    calc(0.7257 * calc(1% + 1px)) calc(0.7257 * 2px) calc(0.7257 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.185)),
-    calc(0.7901 * calc(1% + 1px)) calc(0.7901 * 2px) calc(0.7901 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.148)),
-    calc(0.8573 * calc(1% + 1px)) calc(0.8573 * 2px) calc(0.8573 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.111)),
-    calc(0.9273 * calc(1% + 1px)) calc(0.9273 * 2px) calc(0.9273 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.074)),
-    calc(1 * calc(1% + 1px)) calc(1 * 2px) calc(1 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.037));
+    calc(0.01 * calc(1% + 1px)) calc(0.01 * 2px) calc(0.01 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 1)),
+    calc(0.04 * calc(1% + 1px)) calc(0.04 * 2px) calc(0.04 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.9)),
+    calc(0.09 * calc(1% + 1px)) calc(0.09 * 2px) calc(0.09 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.8)),
+    calc(0.16 * calc(1% + 1px)) calc(0.16 * 2px) calc(0.16 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.7)),
+    calc(0.25 * calc(1% + 1px)) calc(0.25 * 2px) calc(0.25 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.6)),
+    calc(0.36 * calc(1% + 1px)) calc(0.36 * 2px) calc(0.36 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.5)),
+    calc(0.49 * calc(1% + 1px)) calc(0.49 * 2px) calc(0.49 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.4)),
+    calc(0.64 * calc(1% + 1px)) calc(0.64 * 2px) calc(0.64 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.3)),
+    calc(0.81 * calc(1% + 1px)) calc(0.81 * 2px) calc(0.81 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.2)),
+    calc(1 * calc(1% + 1px)) calc(1 * 2px) calc(1 * 10rem) rgb(from oklch(0 0 0 / var(--test)) r g b / calc(alpha * 0.1));
 }

test/fixtures/replaces-linear-shadow-function.out.css

@@ -1,6 +1,6 @@
 a {
   box-shadow: 
-    calc(0.1111 * 3px) calc(0.1111 * 6px) calc(0.1111 * 18px) rgb(from green r g b / calc(alpha * 1)),
-    calc(0.4444 * 3px) calc(0.4444 * 6px) calc(0.4444 * 18px) rgb(from green r g b / calc(alpha * 1)),
+    calc(0.111 * 3px) calc(0.111 * 6px) calc(0.111 * 18px) rgb(from green r g b / calc(alpha * 1)),
+    calc(0.444 * 3px) calc(0.444 * 6px) calc(0.444 * 18px) rgb(from green r g b / calc(alpha * 1)),
     calc(1 * 3px) calc(1 * 6px) calc(1 * 18px) rgb(from green r g b / calc(alpha * 1));
 }