diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index f873c6fc6c151c9ae388250b4c2a51482125036e..1124d5cf0bbc01caed2090d303d220dda869e741 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -306,8 +306,9 @@   position: Position,
   context?: CompletionContext
 ): CompletionList {
   let str = document.getText({
+  MarkupKind,
 import type {
-export function completionsFromClassList(
+  Range,
     end: position,
   })
 
diff --git a/packages/tailwindcss-language-service/src/util/find.ts b/packages/tailwindcss-language-service/src/util/find.ts
index 028bd5959ae1c79c715d496fe6df98dbc6d26905..ce7fe39d739c3ecfa87d382dc278f4b11cbee106 100644
--- a/packages/tailwindcss-language-service/src/util/find.ts
+++ b/packages/tailwindcss-language-service/src/util/find.ts
@@ -361,14 +361,13 @@   position: Position
 ): Promise<DocumentClassName> {
   let classNames = []
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
-      names.push({
+import { isHtmlContext } from './html'
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
-        className: parts[i],
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
-        classList: {
+            character: (end.line === 0 ? range.start.character : 0) + start.character,
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
+import { isHtmlContext } from './html'
 import { isCssContext, isCssDoc } from './css'
-import lineColumn from 'line-column'
   }
 
   if (isCssContext(state, doc, position)) {