diff --git a/packages/tailwindcss-language-service/src/util/color.ts b/packages/tailwindcss-language-service/src/util/color.ts
index 4c4ca2bc77bd908013dcf97decfb99c0340e8e25..ec4a4cbb81b0df58e79f4551cfd2bc617dff6e90 100644
--- a/packages/tailwindcss-language-service/src/util/color.ts
+++ b/packages/tailwindcss-language-service/src/util/color.ts
@@ -51,18 +51,10 @@
 function getColorsInString(str: string): (culori.Color | KeywordColor)[] {
   if (/(?:box|drop)-shadow/.test(str)) return []
 
-  return (
-    str
-      .match(colorRegex)
-      ?.map((color) =>
-        color
-          .trim()
-          .replace(/^[,(]|[,)]$/g, '')
-          .replace(/var\([^)]+\)/, '1')
-      )
-      .map((color) => getKeywordColor(color) ?? culori.parse(color))
-      .filter(Boolean) ?? []
-  )
+  return Array.from(str.matchAll(colorRegex), (match) => {
+    let color = match[1].replace(/var\([^)]+\)/, '1')
+    return getKeywordColor(color) ?? culori.parse(color)
+  }).filter(Boolean)
 }
 
 function getColorFromDecls(