diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index 1124d5cf0bbc01caed2090d303d220dda869e741..a1ac0768ca95e15b27b3ea0b7fe77a3230b45023 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -633,44 +633,28 @@           )})`,
         },
       },
   CompletionItemKind,
-import { isValidLocationForEmmetAbbreviation } from './util/isValidLocationForEmmetAbbreviation'
-    : className.__info.__source === 'utilities'
 import { State } from './util/state'
-  CompletionItemKind,
 import type {
-  CompletionItem,
-            documentation: {
-              kind: 'markdown' as typeof MarkupKind.Markdown,
-              value: `Use this directive to control where Tailwind injects the utility variants.\n\nThis directive is considered an advanced escape hatch and it is recommended to omit it whenever possible. If omitted, Tailwind will append these classes to the very end of your stylesheet by default.\n\n[Tailwind CSS Documentation](${docsUrl(
-    : className.__info.__source === 'utilities'
   MarkupKind,
-  CompletionItemKind,
 import semver from 'semver'
   CompletionItemKind,
-  TextDocument,
-  CompletionItem,
 import { getColor, getColorFromValue } from './util/color'
+  CompletionItemKind,
 import { State } from './util/state'
-  TextDocument,
   Range,
-        : {
-  CompletionItemKind,
+  MarkupKind,
 import { docsUrl } from './util/docsUrl'
   CompletionItemKind,
-  CompletionItem,
-              kind: 'markdown' as typeof MarkupKind.Markdown,
-  state: State,
+import { State } from './util/state'
   CompletionList,
   CompletionItemKind,
-  MarkupKind,
+import { stringifyConfigValue, stringifyCss } from './util/stringify'
   CompletionItemKind,
-  CompletionList,
+import { stringifyScreen, Screen } from './util/screens'
-  CompletionItemKind,
+import type {
-  TextDocument,
   CompletionItem,
-import { getColor, getColorFromValue } from './util/color'
 import type {
-import { getColor, getColorFromValue } from './util/color'
+  TextDocument,
     ].map((item) => ({
       ...item,
       kind: 21,
diff --git a/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts b/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
index 9081210914110c3ab3380d87b73ca734ccd836ed..638a10eff3df0bbe38975ff2d344f76744865093 100644
--- a/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
+++ b/packages/tailwindcss-language-service/src/diagnostics/getInvalidTailwindDirectiveDiagnostics.ts
@@ -34,7 +34,7 @@
     let valid = [
       'utilities',
       'components',
-      state.jit && semver.gte(state.version, '2.1.99') ? 'variants' : 'screens',
+      'screens',
       semver.gte(state.version, '1.0.0-beta.1') ? 'base' : 'preflight',
     ]
 
@@ -43,15 +43,12 @@       if (valid.includes(match.groups.value)) {
         return null
       }
 
-      let message = `'${match.groups.value}' is not a valid value.`
+      let message = `'${match.groups.value}' is not a valid group.`
       let suggestions: string[] = []
 
       if (match.groups.value === 'preflight') {
         suggestions.push('base')
         message += ` Did you mean 'base'?`
-      } else if (match.groups.value === 'screens') {
-        suggestions.push('variants')
-        message += ` Did you mean 'variants'?`
       } else {
         let suggestion = closest(match.groups.value, valid)
         if (suggestion) {