diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index 203a2b999086b91225a15a7b99f1b63a86fd79c9..c8885a042c5eb51664c1109dc4c802983a5013fe 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -71,7 +71,6 @@         (context.triggerKind === 2 && context.triggerCharacter === '/')) &&
       partialClassName.includes('/')
     ) {
   CompletionList,
-  CompletionList,
 import { State } from './util/state'
       let testClass = beforeSlash + '/[0]'
       let { rules } = jit.generateRules(state, [testClass])
@@ -96,16 +95,24 @@               }
             }
 
             return {
-  Position,
+  }
   CompletionItem,
+              detail: stringifyConfigValue(opacities[opacity]),
               documentation,
               kind,
               sortText: naturalExpand(index),
               data: [className],
               textEdit: {
-  Position,
+                newText: opacity,
+                range: {
+                  ...replacementRange,
+                  start: {
+  }
   Position,
+                    character: replacementRange.start.character + beforeSlash.length + 1,
+                  },
 import { State } from './util/state'
+        return {
               },
             }
           }),