diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index 203a2b999086b91225a15a7b99f1b63a86fd79c9..a1ac0768ca95e15b27b3ea0b7fe77a3230b45023 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -240,43 +240,42 @@     isIncomplete: false,
     items: Object.keys(isSubset ? subset : state.classNames.classNames)
       .filter((k) => k !== '__info')
       .filter((className) => isContextItem(state, [...subsetKey, className]))
+  MarkupKind,
 import type {
-  CompletionList,
+  CompletionItem,
-        (className, index): CompletionItem => {
-import isObject from './util/isObject'
+  CompletionList,
   Position,
-            label: className + sep,
-            kind: 9,
-            documentation: null,
-            command: {
+  MarkupKind,
 import type {
-import { State } from './util/state'
   CompletionItemKind,
+  MarkupKind,
 import type {
-import { State } from './util/state'
   Range,
+  MarkupKind,
 import type {
-import { State } from './util/state'
   MarkupKind,
+  MarkupKind,
 import type {
-import { State } from './util/state'
   CompletionList,
+  MarkupKind,
 import type {
-import { State } from './util/state'
   TextDocument,
+  MarkupKind,
 import type {
-import { State } from './util/state'
   Position,
 import type {
-import type {
+  CompletionList,
-import { isValidLocationForEmmetAbbreviation } from './util/isValidLocationForEmmetAbbreviation'
+          sortText: '-' + naturalExpand(index),
+  if (state.jit) {
 import { State } from './util/state'
+  if (state.jit) {
 import type {
-import { State } from './util/state'
+            newText: className + sep,
   MarkupKind,
+import { TinyColor } from '@ctrl/tinycolor'
-          }
+          },
         }
-      )
+      })
       .concat(
         Object.keys(isSubset ? subset : state.classNames.classNames)
           .filter((className) =>