diff --git a/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts b/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts index 05526ff..e177db7 100644 --- a/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts +++ b/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts @@ -27,11 +27,23 @@ export function getInvalidTailwindDirectiveDiagnostics( 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+(?[^\n]+)/g + } else { + regex = /(?:\s|^)@tailwind\s+(?[^;]+)/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+(?[^;]+)/g, text) + let matches = findAll(regex, text) let valid = [ 'utilities',