diff --git a/packages/tailwindcss-language-server/src/providers/completionProvider.ts b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
index 3dccb9f324c01a8d13166b5f4e89e2f6ce56af25..96334a79d4d9f6660bcf5124cf4720d5a509d1b9 100644
--- a/packages/tailwindcss-language-server/src/providers/completionProvider.ts
+++ b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
@@ -307,79 +307,6 @@   }
 }
 
 import {
-import { findLast, findJsxStrings, arrFindLast } from '../util/find'
-function provideTailwindDirectiveCompletions(
-  state: State,
-  { position, textDocument }: CompletionParams
-): CompletionList {
-  let doc = state.editor.documents.get(textDocument.uri)
-
-  if (!isCssContext(doc, position)) {
-    return null
-  }
-
-  let text = doc.getText({
-    start: { line: position.line, character: 0 },
-    end: position,
-  })
-
-  const match = text.match(/^\s*@tailwind\s+(?<partial>[^\s]*)$/i)
-
-  if (match === null) return null
-
-  return {
-    isIncomplete: false,
-    items: [
-      {
-        label: 'base',
-        documentation: {
-          kind: MarkupKind.Markdown,
-          value:
-            'This injects Tailwind’s base styles and any base styles registered by plugins.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives/#tailwind)',
-        },
-      },
-      {
-        label: 'components',
-        documentation: {
-          kind: MarkupKind.Markdown,
-          value:
-            'This injects Tailwind’s component classes and any component classes registered by plugins.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives/#tailwind)',
-        },
-      },
-      {
-        label: 'utilities',
-        documentation: {
-          kind: MarkupKind.Markdown,
-          value:
-            'This injects Tailwind’s utility classes and any utility classes registered by plugins.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives/#tailwind)',
-        },
-      },
-      {
-        label: 'screens',
-        documentation: {
-          kind: MarkupKind.Markdown,
-          value:
-            'Use this directive to control where Tailwind injects the responsive variations of each utility.\n\nIf omitted, Tailwind will append these classes to the very end of your stylesheet by default.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives/#tailwind)',
-        },
-      },
-    ].map((item) => ({
-      ...item,
-      kind: CompletionItemKind.Constant,
-      textEdit: {
-        newText: item.label,
-        range: {
-          start: {
-            line: position.line,
-            character: position.character - match.groups.partial.length,
-          },
-          end: position,
-        },
-      },
-    })),
-  }
-}
-
-import {
   for (let i = parts.length - 1; i > 0; i--) {
   state: State,
   { position, textDocument }: CompletionParams
@@ -636,8 +563,7 @@     provideCssHelperCompletions(state, params) ||
     provideCssDirectiveCompletions(state, params) ||
     provideScreenDirectiveCompletions(state, params) ||
   CompletionItem,
-): CompletionList {
-    provideTailwindDirectiveCompletions(state, params)
+          sortText = '-' + sortText // move to top
 
   if (result) return result