Fix important variant @apply

tailwindlabs · Aug 18, 2021 · 65012ec · 65012ec
1 parent 7523a44
commit 65012ec
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/jit/lib/generateRules.js b/src/jit/lib/generateRules.js
@@ -103,9 +103,9 @@ function applyVariant(variant, matches, context) {
     let variantFunctionTuples = context.variantMap.get(variant)
     let result = []
 
-    for (let [{ sort, layer, options }, rule] of matches) {
-      if (options.respectVariants === false) {
-        result.push([{ sort, layer, options }, rule])
+    for (let [meta, rule] of matches) {
+      if (meta.options.respectVariants === false) {
+        result.push([meta, rule])
         continue
       }
 
@@ -141,7 +141,7 @@ function applyVariant(variant, matches, context) {
           continue
         }
 
-        let withOffset = [{ sort: variantSort | sort, layer, options }, clone.nodes[0]]
+        let withOffset = [{ ...meta, sort: variantSort | meta.sort }, clone.nodes[0]]
         result.push(withOffset)
       }
     }

diff --git a/tests/jit/apply.test.css b/tests/jit/apply.test.css
@@ -323,10 +323,12 @@ 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;
 }