Disable color calculation for utilities that obviously wont have them

Author: thecrypticace

packages/tailwindcss-language-service/src/util/color.ts

@@ -188,8 +188,21 @@ function getColorFromRoot(state: State, css: postcss.Root): culori.Color | Keywo
   return getColorFromDecls(state, decls)
 }
 
+let isNegative = /^-/
+let isNumericUtility =
+  /^-?((min-|max-)?[wh]|z|start|order|opacity|rounded|row|col|size|basis|end|duration|ease|font|top|left|bottom|right|inset|leading|cursor|(space|scale|skew|rotate)-[xyz]|gap(-[xy])?|(scroll-)?[pm][trblxyse]?)-/
+
+function isLikelyColorless(className: string) {
+  if (isNegative.test(className)) return true
+  if (isNumericUtility.test(className)) return true
+  return false
+}
+
 export function getColor(state: State, className: string): culori.Color | KeywordColor | null {
   if (state.v4) {
+    // FIXME: This is a performance optimization and not strictly correct
+    if (isLikelyColorless(className)) return null
+
     let css = state.designSystem.compile([className])[0]
 
     let color = getColorFromRoot(state, css)