Fix kitchen sink test

Co-Authored-By: Peter Neupauer <[email protected]>

Author: adamwathan

jit/tests/kitchen-sink.test.css

@@ -314,11 +314,11 @@ div {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.filter-none {
-  filter: none;
+.magic-none {
+  magic: none;
 }
-.filter-grayscale {
-  filter: grayscale(100%);
+.magic-tons {
+  magic: tons;
 }
 .custom-util {
   background: #abcdef;

jit/tests/kitchen-sink.test.html

@@ -27,7 +27,7 @@
     <div class="md:dark:motion-safe:foo:active:custom-util"></div>
     <div class="aspect-w-1 aspect-h-2"></div>
     <div class="aspect-w-3 aspect-h-4"></div>
-    <div class="filter-none filter-grayscale"></div>
+    <div class="magic-none magic-tons"></div>
     <div class="focus:font-normal"></div>
     <div class="font-medium"></div>
     <div class="bg-gradient-to-r from-foo"></div>

jit/tests/kitchen-sink.test.js

@@ -55,11 +55,11 @@ test('it works', () => {
         })
         addUtilities(
           {
-            '.filter-none': {
-              filter: 'none',
+            '.magic-none': {
+              magic: 'none',
             },
-            '.filter-grayscale': {
-              filter: 'grayscale(100%)',
+            '.magic-tons': {
+              magic: 'tons',
             },
           },
           ['responsive', 'hover']