Disable CSS optimization temporarily

Author: thecrypticace

packages/tailwindcss-language-server/tests/colors/colors.test.js

@@ -101,6 +101,7 @@ withFixture('v4/basic', (c) => {
     ],
   })
 
+  /*
   testColors('opacity modifier', {
     text: '<div class="bg-red-500/20">',
     expected: [
@@ -115,6 +116,7 @@ withFixture('v4/basic', (c) => {
       },
     ],
   })
+   */
 
   testColors('arbitrary value', {
     text: '<div class="bg-[red]">',
@@ -131,6 +133,7 @@ withFixture('v4/basic', (c) => {
     ],
   })
 
+  /*
   testColors('arbitrary value and opacity modifier', {
     text: '<div class="bg-[red]/[0.33]">',
     expected: [
@@ -146,4 +149,5 @@ withFixture('v4/basic', (c) => {
       },
     ],
   })
+  */
 })

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

@@ -144,11 +144,11 @@ function getColorFromRoot(state: State, css: postcss.Root): culori.Color | Keywo
   })
 
   // Optimize the CSS if possible
-  try {
-    let str = state.designSystem.toCss(css)
-    str = state.designSystem.optimizeCss(str)
-    css = postcss.parse(str)
-  } catch {}
+  // try {
+  //   let str = state.designSystem.toCss(css)
+  //   str = state.designSystem.optimizeCss(str)
+  //   css = postcss.parse(str)
+  // } catch {}
 
   css.walkDecls((decl) => {
     decls[decl.prop] ??= []