wip

Author: thecrypticace

packages/tailwindcss-language-service/src/diagnostics/getDeprecatedClassDiagnostics.ts

@@ -1,5 +1,6 @@
 import type { State, Settings } from '../util/state'
-import { type DeprecatedClassDiagnostic } from './types'
+import { type DeprecatedClassDiagnostic, DiagnosticKind } from './types'
+import { findClassListsInDocument, getClassNamesInClassList } from '../util/find'
 import type { TextDocument } from 'vscode-languageserver-textdocument'
 
 export async function getDeprecatedClassDiagnostics(
@@ -16,7 +17,46 @@ export async function getDeprecatedClassDiagnostics(
   let severity = settings.tailwindCSS.lint.deprecatedClass
   if (severity === 'ignore') return []
 
+  // Fill in the list of statically known deprecated classes
+  let deprecations = new Map<string, boolean>(
+    state.classList.map(([className, meta]) => [className, meta.deprecated ?? false]),
+  )
+
+  function isDeprecated(className: string) {
+    if (deprecations.has(className)) {
+      return deprecations.get(className)
+    }
+
+    let metadata = state.designSystem.classMetadata([className])[0]
+    let deprecated = metadata?.deprecated ?? false
+
+    deprecations.set(className, deprecated)
+
+    return deprecated
+  }
+
   let diagnostics: DeprecatedClassDiagnostic[] = []
+  let classLists = await findClassListsInDocument(state, document)
+
+  for (let classList of classLists) {
+    let classNames = getClassNamesInClassList(classList, state.blocklist)
+
+    for (let className of classNames) {
+      if (!isDeprecated(className.className)) continue
+
+      diagnostics.push({
+        code: DiagnosticKind.DeprecatedClass,
+        className,
+        range: className.range,
+        severity:
+          severity === 'error'
+            ? 1 /* DiagnosticSeverity.Error */
+            : 2 /* DiagnosticSeverity.Warning */,
+        message: `'${className.className}' is deprecated.`,
+        suggestions: [],
+      })
+    }
+  }
 
   return diagnostics
 }

packages/tailwindcss-language-service/src/util/state.ts

@@ -93,6 +93,7 @@ export interface Variant {
 export interface ClassMetadata {
   color: culori.Color | KeywordColor | null
   modifiers?: string[]
+  deprecated?: boolean
 }
 
 export type ClassEntry = [string, ClassMetadata]

packages/tailwindcss-language-service/src/util/v4/design-system.ts

@@ -10,6 +10,11 @@ export interface Theme {
 
 export interface ClassMetadata {
   modifiers: string[]
+  deprecated?: boolean
+}
+
+export interface VariantMetadata {
+  deprecated?: boolean
 }
 
 export type ClassEntry = [string, ClassMetadata]
@@ -40,6 +45,8 @@ export interface DesignSystem {
 
   // Optional because it did not exist in earlier v4 alpha versions
   resolveThemeValue?(path: string): string | undefined
+  classMetadata?(classes: string[]): (ClassMetadata | null)[]
+  variantMetadata?(variants: string[]): (VariantMetadata | null)[]
 }
 
 export interface DesignSystem {

packages/vscode-tailwindcss/CHANGELOG.md

@@ -7,6 +7,7 @@
 - Show source diagnostics when imports contain a layer ([#1204](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1204))
 - Only detect project roots in v4 when using certain CSS features ([#1205](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1205))
 - Update Tailwind CSS v4 version to v4.0.6 ([#1207](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1207))
+- Add support for detecting deprecated classes ([#1084](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1084))
 
 ## 0.14.4