wip

Author: thecrypticace

packages/tailwindcss/src/utilities.test.ts

@@ -20428,8 +20428,6 @@ test('filter', async () => {
     :root, :host {
       --blur-xl: 24px;
       --color-red-500: #ef4444;
-      --drop-shadow: 0 1px 1px #0000000d;
-      --drop-shadow-xl: 0 9px 7px #0000001a;
     }
 
     .blur-\\[4px\\] {
@@ -20470,13 +20468,13 @@ test('filter', async () => {
     .drop-shadow\\/25 {
       --tw-drop-shadow-alpha: 25%;
       --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, oklab(0% 0 0 / .25)));
-      --tw-drop-shadow: drop-shadow(var(--drop-shadow));
+      --tw-drop-shadow: drop-shadow(0 1px 1px #0000000d);
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }
 
     .drop-shadow {
       --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000d));
-      --tw-drop-shadow: drop-shadow(var(--drop-shadow));
+      --tw-drop-shadow: drop-shadow(0 1px 1px #0000000d);
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }
 
@@ -20488,7 +20486,7 @@ test('filter', async () => {
 
     .drop-shadow-xl {
       --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
-      --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
+      --tw-drop-shadow: drop-shadow(0 9px 7px #0000001a);
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }