Add failing test for #4823

Author: adamwathan

tests/jit/apply.test.css

@@ -323,6 +323,13 @@ h2 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.important-modifier-variant {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.important-modifier-variant:hover {
+  border-radius: 0.375rem !important;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);

tests/jit/apply.test.html

@@ -33,6 +33,7 @@
     <div class="use-with-other-properties-base use-with-other-properties-component"></div>
     <div class="add-sibling-properties"></div>
     <div class="important-modifier"></div>
+    <div class="important-modifier-variant"></div>
     <div class="a b"></div>
     <div class="foo"></div>
     <div class="bar"></div>

tests/jit/apply.test.js

@@ -122,6 +122,10 @@ test('@apply', () => {
     .important-modifier {
       @apply px-4 !rounded-md;
     }
+
+    .important-modifier-variant {
+      @apply px-4 hover:!rounded-md;
+    }
   }
 
   @layer utilities {