Hide decls in details for some --tw-* properties

Author: thecrypticace

packages/tailwindcss-language-service/src/completionProvider.ts

@@ -2313,6 +2313,22 @@ export async function resolveCompletionItem(
           decls.push(node)
         })
 
+        // TODO: Hardcoding this list is really unfortunate. We should be able
+        // to handle this in Tailwind CSS itself.
+        function isOtherDecl(node: postcss.Declaration) {
+          if (node.prop === '--tw-leading') return false
+          if (node.prop === '--tw-duration') return false
+          if (node.prop === '--tw-ease') return false
+          if (node.prop === '--tw-font-weight') return false
+
+          return true
+        }
+
+        // We want to remove these decls from details *as long as they're not the only one*
+        if (decls.some(isOtherDecl)) {
+          decls = decls.filter(isOtherDecl)
+        }
+
         item.detail = await jit.stringifyDecls(state, postcss.rule({ nodes: decls }))
       } else {
         item.detail = `${rules.length} rules`