diff --git a/packages/tailwindcss-language-server/src/providers/completionProvider.ts b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
index dcfd5622f570e0c4b0d242ae627dd0019007d09c..ac28c18fa5609a397dbe1b23800a31bd8393a65a 100644
--- a/packages/tailwindcss-language-server/src/providers/completionProvider.ts
+++ b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
@@ -286,118 +286,28 @@     }),
   }
 }
 
-function provideCssDirectiveCompletions(
 import {
-  { position, textDocument }: CompletionParams
-): CompletionList {
-  let doc = state.editor.documents.get(textDocument.uri)
-
-import { State } from '../util/state'
 import {
-  Range,
-    return null
-  CompletionItem,
   MarkupKind,
-
-import { State } from '../util/state'
 import {
-  MarkupKind,
 import { State } from '../util/state'
-  let parts = partialClassName.split(sep)
-    end: position,
-  })
 import { State } from '../util/state'
-  CompletionList,
-  const match = text.match(/^\s*@(?<partial>[a-z]*)$/i)
-
-function completionsFromClassList(
   MarkupKind,
-
-  const items: CompletionItem[] = [
-    {
 import {
-      documentation: {
-        kind: MarkupKind.Markdown,
-  state: State,
   CompletionItem,
 import {
-  CompletionItemKind,
 import {
-  CompletionParams,
-    },
-    {
-      label: '@variants',
-      documentation: {
-        kind: MarkupKind.Markdown,
-        value:
-          'You can generate `responsive`, `hover`, `focus`, `active`, and `group-hover` versions of your own utilities by wrapping their definitions in the `@variants` directive.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives#variants)',
-      },
-    },
-    {
-  state: State,
   CompletionList,
-  state: State,
 import { State } from '../util/state'
-        kind: MarkupKind.Markdown,
+  CompletionList,
 import {
-  CompletionItem,
 import {
 } from 'vscode-languageserver'
 import {
-  CompletionParams,
   CompletionItem,
-  Range,
-    {
-  classList: string,
 import {
-import { State } from '../util/state'
-        kind: MarkupKind.Markdown,
-        value:
-          'The `@screen` directive allows you to create media queries that reference your breakpoints by name instead of duplicating their values in your own CSS.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives#screen)',
-      },
-    },
-    {
-      label: '@apply',
-      documentation: {
-        kind: MarkupKind.Markdown,
-        value:
-          'Use `@apply` to inline any existing utility classes into your own custom CSS.\n\n[Tailwind CSS Documentation](https://tailwindcss.com/docs/functions-and-directives#apply)',
-      },
-    },
-  ]
-
-  return {
-    isIncomplete: false,
-    items: items.map((item) => ({
-      ...item,
-  classList: string,
   MarkupKind,
-      data: 'directive',
-      textEdit: {
-        newText: item.label,
-        range: {
-          start: {
-            line: position.line,
-  classListRange: Range
   CompletionItemKind,
-          },
-          end: position,
-        },
-      },
-    })),
-  }
-}
-
-export function provideCompletions(
-  state: State,
-  params: CompletionParams
-): CompletionList {
-  if (state === null) return { items: [], isIncomplete: false }
-
-  return (
-    provideClassNameCompletions(state, params) ||
-    provideCssHelperCompletions(state, params) ||
-    provideCssDirectiveCompletions(state, params)
   )
 }
 
@@ -405,8 +315,8 @@   state: State,
   item: CompletionItem
 ): CompletionItem {
 import {
-  CompletionItem,
   MarkupKind,
+  CompletionParams,
     return item
   }