diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 139bb3c73e9d..a6148577e4b2 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -19604,7 +19604,7 @@ video {
 }
 
 .shadow-none {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -19644,7 +19644,7 @@ video {
 }
 
 .focus-within\:shadow-none:focus-within {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -19684,7 +19684,7 @@ video {
 }
 
 .hover\:shadow-none:hover {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -19724,7 +19724,7 @@ video {
 }
 
 .focus\:shadow-none:focus {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -46713,7 +46713,7 @@ video {
   }
 
   .sm\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -46753,7 +46753,7 @@ video {
   }
 
   .sm\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -46793,7 +46793,7 @@ video {
   }
 
   .sm\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -46833,7 +46833,7 @@ video {
   }
 
   .sm\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73792,7 +73792,7 @@ video {
   }
 
   .md\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73832,7 +73832,7 @@ video {
   }
 
   .md\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73872,7 +73872,7 @@ video {
   }
 
   .md\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73912,7 +73912,7 @@ video {
   }
 
   .md\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100871,7 +100871,7 @@ video {
   }
 
   .lg\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100911,7 +100911,7 @@ video {
   }
 
   .lg\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100951,7 +100951,7 @@ video {
   }
 
   .lg\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100991,7 +100991,7 @@ video {
   }
 
   .lg\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -127950,7 +127950,7 @@ video {
   }
 
   .xl\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -127990,7 +127990,7 @@ video {
   }
 
   .xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -128030,7 +128030,7 @@ video {
   }
 
   .xl\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -128070,7 +128070,7 @@ video {
   }
 
   .xl\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155029,7 +155029,7 @@ video {
   }
 
   .\32xl\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155069,7 +155069,7 @@ video {
   }
 
   .\32xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155109,7 +155109,7 @@ video {
   }
 
   .\32xl\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155149,7 +155149,7 @@ video {
   }
 
   .\32xl\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 2db44bcb5ecb..cc17fcaad198 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -19604,7 +19604,7 @@ video {
 }
 
 .shadow-none {
-  --box-shadow: none !important;
+  --box-shadow: 0 0 #0000 !important;
   box-shadow: var(--box-shadow) !important;
 }
 
@@ -19644,7 +19644,7 @@ video {
 }
 
 .focus-within\:shadow-none:focus-within {
-  --box-shadow: none !important;
+  --box-shadow: 0 0 #0000 !important;
   box-shadow: var(--box-shadow) !important;
 }
 
@@ -19684,7 +19684,7 @@ video {
 }
 
 .hover\:shadow-none:hover {
-  --box-shadow: none !important;
+  --box-shadow: 0 0 #0000 !important;
   box-shadow: var(--box-shadow) !important;
 }
 
@@ -19724,7 +19724,7 @@ video {
 }
 
 .focus\:shadow-none:focus {
-  --box-shadow: none !important;
+  --box-shadow: 0 0 #0000 !important;
   box-shadow: var(--box-shadow) !important;
 }
 
@@ -46713,7 +46713,7 @@ video {
   }
 
   .sm\:shadow-none {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -46753,7 +46753,7 @@ video {
   }
 
   .sm\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -46793,7 +46793,7 @@ video {
   }
 
   .sm\:hover\:shadow-none:hover {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -46833,7 +46833,7 @@ video {
   }
 
   .sm\:focus\:shadow-none:focus {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -73792,7 +73792,7 @@ video {
   }
 
   .md\:shadow-none {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -73832,7 +73832,7 @@ video {
   }
 
   .md\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -73872,7 +73872,7 @@ video {
   }
 
   .md\:hover\:shadow-none:hover {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -73912,7 +73912,7 @@ video {
   }
 
   .md\:focus\:shadow-none:focus {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -100871,7 +100871,7 @@ video {
   }
 
   .lg\:shadow-none {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -100911,7 +100911,7 @@ video {
   }
 
   .lg\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -100951,7 +100951,7 @@ video {
   }
 
   .lg\:hover\:shadow-none:hover {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -100991,7 +100991,7 @@ video {
   }
 
   .lg\:focus\:shadow-none:focus {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -127950,7 +127950,7 @@ video {
   }
 
   .xl\:shadow-none {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -127990,7 +127990,7 @@ video {
   }
 
   .xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -128030,7 +128030,7 @@ video {
   }
 
   .xl\:hover\:shadow-none:hover {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -128070,7 +128070,7 @@ video {
   }
 
   .xl\:focus\:shadow-none:focus {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -155029,7 +155029,7 @@ video {
   }
 
   .\32xl\:shadow-none {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -155069,7 +155069,7 @@ video {
   }
 
   .\32xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -155109,7 +155109,7 @@ video {
   }
 
   .\32xl\:hover\:shadow-none:hover {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
@@ -155149,7 +155149,7 @@ video {
   }
 
   .\32xl\:focus\:shadow-none:focus {
-    --box-shadow: none !important;
+    --box-shadow: 0 0 #0000 !important;
     box-shadow: var(--box-shadow) !important;
   }
 
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index f203ad9bb046..5ddfe3467650 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -17758,7 +17758,7 @@ video {
 }
 
 .shadow-none {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -17798,7 +17798,7 @@ video {
 }
 
 .focus-within\:shadow-none:focus-within {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -17838,7 +17838,7 @@ video {
 }
 
 .hover\:shadow-none:hover {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -17878,7 +17878,7 @@ video {
 }
 
 .focus\:shadow-none:focus {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -42311,7 +42311,7 @@ video {
   }
 
   .sm\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -42351,7 +42351,7 @@ video {
   }
 
   .sm\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -42391,7 +42391,7 @@ video {
   }
 
   .sm\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -42431,7 +42431,7 @@ video {
   }
 
   .sm\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -66834,7 +66834,7 @@ video {
   }
 
   .md\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -66874,7 +66874,7 @@ video {
   }
 
   .md\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -66914,7 +66914,7 @@ video {
   }
 
   .md\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -66954,7 +66954,7 @@ video {
   }
 
   .md\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -91357,7 +91357,7 @@ video {
   }
 
   .lg\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -91397,7 +91397,7 @@ video {
   }
 
   .lg\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -91437,7 +91437,7 @@ video {
   }
 
   .lg\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -91477,7 +91477,7 @@ video {
   }
 
   .lg\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -115880,7 +115880,7 @@ video {
   }
 
   .xl\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -115920,7 +115920,7 @@ video {
   }
 
   .xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -115960,7 +115960,7 @@ video {
   }
 
   .xl\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -116000,7 +116000,7 @@ video {
   }
 
   .xl\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -140403,7 +140403,7 @@ video {
   }
 
   .\32xl\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -140443,7 +140443,7 @@ video {
   }
 
   .\32xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -140483,7 +140483,7 @@ video {
   }
 
   .\32xl\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -140523,7 +140523,7 @@ video {
   }
 
   .\32xl\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 139bb3c73e9d..a6148577e4b2 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -19604,7 +19604,7 @@ video {
 }
 
 .shadow-none {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -19644,7 +19644,7 @@ video {
 }
 
 .focus-within\:shadow-none:focus-within {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -19684,7 +19684,7 @@ video {
 }
 
 .hover\:shadow-none:hover {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -19724,7 +19724,7 @@ video {
 }
 
 .focus\:shadow-none:focus {
-  --box-shadow: none;
+  --box-shadow: 0 0 #0000;
   box-shadow: var(--box-shadow);
 }
 
@@ -46713,7 +46713,7 @@ video {
   }
 
   .sm\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -46753,7 +46753,7 @@ video {
   }
 
   .sm\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -46793,7 +46793,7 @@ video {
   }
 
   .sm\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -46833,7 +46833,7 @@ video {
   }
 
   .sm\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73792,7 +73792,7 @@ video {
   }
 
   .md\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73832,7 +73832,7 @@ video {
   }
 
   .md\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73872,7 +73872,7 @@ video {
   }
 
   .md\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -73912,7 +73912,7 @@ video {
   }
 
   .md\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100871,7 +100871,7 @@ video {
   }
 
   .lg\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100911,7 +100911,7 @@ video {
   }
 
   .lg\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100951,7 +100951,7 @@ video {
   }
 
   .lg\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -100991,7 +100991,7 @@ video {
   }
 
   .lg\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -127950,7 +127950,7 @@ video {
   }
 
   .xl\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -127990,7 +127990,7 @@ video {
   }
 
   .xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -128030,7 +128030,7 @@ video {
   }
 
   .xl\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -128070,7 +128070,7 @@ video {
   }
 
   .xl\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155029,7 +155029,7 @@ video {
   }
 
   .\32xl\:shadow-none {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155069,7 +155069,7 @@ video {
   }
 
   .\32xl\:focus-within\:shadow-none:focus-within {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155109,7 +155109,7 @@ video {
   }
 
   .\32xl\:hover\:shadow-none:hover {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
@@ -155149,7 +155149,7 @@ video {
   }
 
   .\32xl\:focus\:shadow-none:focus {
-    --box-shadow: none;
+    --box-shadow: 0 0 #0000;
     box-shadow: var(--box-shadow);
   }
 
diff --git a/src/plugins/boxShadow.js b/src/plugins/boxShadow.js
index 9812341cf09b..588af1a8c79e 100644
--- a/src/plugins/boxShadow.js
+++ b/src/plugins/boxShadow.js
@@ -8,7 +8,7 @@ export default function () {
         return [
           nameClass('shadow', modifier),
           {
-            '--box-shadow': value,
+            '--box-shadow': value === 'none' ? '0 0 #0000' : value,
             'box-shadow': 'var(--box-shadow)',
           },
         ]