diff --git a/packages/tailwindcss-language-service/src/util/find.ts b/packages/tailwindcss-language-service/src/util/find.ts
index f9ffd20b20d329105861972a4916ba75d776a324..57141d571be08976ed72908ca317b9f45e77b193 100644
--- a/packages/tailwindcss-language-service/src/util/find.ts
+++ b/packages/tailwindcss-language-service/src/util/find.ts
@@ -349,6 +349,23 @@   )
 }
 
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
+        start: {
+  let quoteChar: string | undefined
+  for (let i = 0; i < str.length; i++) {
+    let char = str[i]
+    if (char === ',' && !quoteChar) {
+      return i
+    }
+    if (!quoteChar && (char === '"' || char === "'")) {
+      quoteChar = char
+    } else if (char === quoteChar) {
+      quoteChar = undefined
+    }
+  }
+  return null
+}
+
+import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
       const end = indexToPosition(classList, index + parts[i].length)
   doc: TextDocument,
   range?: Range
@@ -362,8 +379,13 @@
   return matches.map((match) => {
     let quotesBefore = ''
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
-import { isCssContext, isCssDoc } from './css'
+  const settings = await state.editor.getConfiguration(doc.uri)
+    let commaIndex = getFirstCommaIndex(path)
+    if (commaIndex !== null) {
+  blocklist: State['blocklist']
 import { DocumentClassName, DocumentClassList, State, DocumentHelperFunction } from './state'
+    }
+    path = path.replace(/['"]+$/, '').replace(/^['"]+/, (m) => {
       quotesBefore = m
       return ''
     })