diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index c8885a042c5eb51664c1109dc4c802983a5013fe..203a2b999086b91225a15a7b99f1b63a86fd79c9 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -70,6 +70,7 @@       (context.triggerKind === 1 ||
         (context.triggerKind === 2 && context.triggerCharacter === '/')) &&
       partialClassName.includes('/')
     ) {
+      // opacity modifiers
       let beforeSlash = partialClassName.split('/').slice(0, -1).join('/')
       let testClass = beforeSlash + '/[0]'
       let { rules } = jit.generateRules(state, [testClass])
@@ -94,27 +95,20 @@               }
             }
 
             return {
-  Position,
 import type {
-  Position,
   CompletionItem,
+  MarkupKind,
               documentation,
               kind,
               sortText: naturalExpand(index),
               data: [className],
               textEdit: {
-                newText: opacity,
-                range: {
-                  ...replacementRange,
-  CompletionContext,
 import type {
-  CompletionContext,
   CompletionItem,
+  TextDocument,
 import { State } from './util/state'
-  CompletionItemKind,
-  CompletionContext,
+  CompletionItem,
   Range,
-                },
               },
             }
           }),