Ignore css keys

packages/tailwindcss-language-service/src/codeActions/provideInvalidIdentifierCodeActions.ts

@@ -1,35 +1,46 @@
 import { State } from '../util/state'
-import type {
-  CodeActionParams,
-  CodeAction,
+import {
+  type CodeActionParams, CodeAction,
+  CodeActionKind,
+  Command,
 } from 'vscode-languageserver'
 import { CssConflictDiagnostic, InvalidIdentifierDiagnostic } from '../diagnostics/types'
 import { joinWithAnd } from '../util/joinWithAnd'
 import { removeRangesFromString } from '../util/removeRangesFromString'
 
+
 export async function provideInvalidIdentifierCodeActions(
   _state: State,
   params: CodeActionParams,
   diagnostic: InvalidIdentifierDiagnostic
 ): Promise<CodeAction[]> {
-	if (!diagnostic.suggestion) return [];
-
-	debugger;
-  return [
-    {
-      title: `Replace with '${diagnostic.suggestion}'`,
-      kind: 'quickfix', // CodeActionKind.QuickFix,
-      diagnostics: [diagnostic],
-      edit: {
-        changes: {
-          [params.textDocument.uri]: [
-            {
-              range: diagnostic.range,
-              newText: diagnostic.suggestion,
-            },
-          ],
-        },
-      },
-    },
-  ]
+	const actions: CodeAction[] = [{
+		title: `Ignore '${diagnostic.chunk}' in this workspace`,
+		kind: CodeActionKind.QuickFix,
+		diagnostics: [diagnostic],
+		command: Command.create(`Ignore '${diagnostic.chunk}' in this workspace`, 'tailwindCSS.addWordToWorkspaceFileFromServer', diagnostic.chunk)
+	}];
+
+	if (typeof diagnostic.suggestion == 'string') {
+		actions.push({
+			title: `Replace with '${diagnostic.suggestion}'`,
+			kind: CodeActionKind.QuickFix,
+			diagnostics: [diagnostic],
+			isPreferred: true,
+			edit: {
+			  changes: {
+				[params.textDocument.uri]: [
+				  {
+					range: diagnostic.range,
+					newText: diagnostic.suggestion,
+				  },
+				],
+			  },
+			},
+		})
+	} else {
+		// unimplemented.
+	}
+
+	return actions;
 }

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

@@ -8,7 +8,7 @@ import { getInvalidVariantDiagnostics } from './getInvalidVariantDiagnostics'
 import { getInvalidConfigPathDiagnostics } from './getInvalidConfigPathDiagnostics'
 import { getInvalidTailwindDirectiveDiagnostics } from './getInvalidTailwindDirectiveDiagnostics'
 import { getRecommendedVariantOrderDiagnostics } from './getRecommendedVariantOrderDiagnostics'
-import { getUnknownClassesDiagnostics } from './getUnknownClassesDiagnostics'
+import { getInvalidValueDiagnostics } from './getInvalidValueDiagnostics'
 
 export async function doValidate(
   state: State,
@@ -29,7 +29,7 @@ export async function doValidate(
   return settings.tailwindCSS.validate
     ? [
         ...(only.includes(DiagnosticKind.InvalidIdentifier)
-          ? await getUnknownClassesDiagnostics(state, document, settings)
+          ? await getInvalidValueDiagnostics(state, document, settings)
           : []),
 		...(only.includes(DiagnosticKind.CssConflict)
           ? await getCssConflictDiagnostics(state, document, settings)