1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

diff --git a/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts b/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
index 05526ff9d9ad246c8cec793c09dc8c6c991ad52e..e177db75385936554bb26eb62607555476fbc795 100644
--- a/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
+++ b/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
@@ -27,11 +27,23 @@     if (!boundaries) return []
     ranges.push(...boundaries.css)
   }
 
+  let notSemicolonLanguages = ['sass', 'sugarss', 'stylus']
+  let regex: RegExp
+  if (
+    notSemicolonLanguages.includes(document.languageId) ||
+    (state.editor &&
+      notSemicolonLanguages.includes(state.editor.userLanguages[document.languageId]))
+  ) {
+    regex = /(?:\s|^)@tailwind\s+(?<value>[^\n]+)/g
+  } else {
+    regex = /(?:\s|^)@tailwind\s+(?<value>[^;]+)/g
+  }
+
   let hasVariantsDirective = state.jit && semver.gte(state.version, '2.1.99')
 
   ranges.forEach((range) => {
     let text = document.getText(range)
-    let matches = findAll(/(?:\s|^)@tailwind\s+(?<value>[^;]+)/g, text)
+    let matches = findAll(regex, text)
 
     let valid = [
       'utilities',