Add diagnostic for @tailwind base / preflight

tailwindlabs · Nov 8, 2024 · a5daeec · a5daeec
1 parent e9a1937
commit a5daeec
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/...es/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts b/...es/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
@@ -88,6 +88,15 @@ function validateLayerName(
         suggestions: [],
       }
     }
+
+    // `@tailwind base | preflight` do not exist in v4
+    if (layerName === 'base' || layerName === 'preflight') {
+      return {
+        message: `'@tailwind ${layerName}' is no longer available in v4. Use '@import "tailwindcss/base"' instead.`,
+        suggestions: [],
+      }
+    }
+
     let parts = layerName.split(/\s+/)
 
     // `@tailwind utilities source(…)` is valid