Ensure shadow-inherit inherits the shadow color

Author: wongjn

packages/tailwindcss/src/utilities.test.ts

@@ -23968,12 +23968,6 @@ test('shadow', async () => {
       --tw-shadow-color: inherit;
     }
 
-    @supports (color: color-mix(in lab, red, red)) {
-      .shadow-inherit {
-        --tw-shadow-color: color-mix(in oklab, inherit var(--tw-shadow-alpha), transparent);
-      }
-    }
-
     .shadow-red-500 {
       --tw-shadow-color: #ef4444;
     }

packages/tailwindcss/src/utilities.ts

@@ -5275,6 +5275,13 @@ export function createUtilities(theme: Theme) {
             decl('--tw-shadow', nullShadow),
             decl('box-shadow', cssBoxShadowValue),
           ]
+
+        case 'inherit':
+          if (candidate.modifier) return
+          return [
+            boxShadowProperties(),
+            decl('--tw-shadow-color', 'inherit'),
+          ]
       }
 
       // Shadow size