From e070f2a60f2965004b3727d772558c61f32e66cf Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sat, 26 Jun 2021 09:25:52 -0400
Subject: [PATCH] Ignore "!*" in templates

Fixes #4746
---
 src/jit/lib/expandTailwindAtRules.js          | 2 +-
 tests/jit/important-modifier-prefix.test.html | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/jit/lib/expandTailwindAtRules.js b/src/jit/lib/expandTailwindAtRules.js
index 12abf8faee22..115b19cafc74 100644
--- a/src/jit/lib/expandTailwindAtRules.js
+++ b/src/jit/lib/expandTailwindAtRules.js
@@ -85,7 +85,7 @@ function getClassCandidates(content, extractor, contentMatchCache, candidates, s
         candidates.add(match)
       }
     } else {
-      let extractorMatches = extractor(line)
+      let extractorMatches = extractor(line).filter((s) => s !== '!*')
       let lineMatchesSet = new Set(extractorMatches)
 
       for (let match of lineMatchesSet) {
diff --git a/tests/jit/important-modifier-prefix.test.html b/tests/jit/important-modifier-prefix.test.html
index 8124d78c50d4..03189c569c6d 100644
--- a/tests/jit/important-modifier-prefix.test.html
+++ b/tests/jit/important-modifier-prefix.test.html
@@ -1,3 +1,5 @@
+<!-- The string "!*" can cause problems if we don't handle it, let's include it -->
+<div class="!*"></div>
 <div class="!tw-container"></div>
 <div class="!tw-font-bold"></div>
 <div class="hover:!tw-text-center"></div>