Only show declarations from base class in completion detail

Author: thecrypticace

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

@@ -2282,6 +2282,8 @@ export async function resolveCompletionItem(
   if (state.v4) {
     if (item.kind === 9) return item
     if (item.detail && item.documentation) return item
+
+    let base = state.designSystem.compile([className])[0]
     let root = state.designSystem.compile([[...variants, className].join(state.separator)])[0]
     let rules = root.nodes.filter((node) => node.type === 'rule')
     if (rules.length === 0) return item
@@ -2290,16 +2292,11 @@ export async function resolveCompletionItem(
       if (rules.length === 1) {
         let decls: postcss.Declaration[] = []
 
-        root.walkDecls((node) => {
+        base.walkDecls((node) => {
           decls.push(node)
         })
 
-        item.detail = await jit.stringifyDecls(
-          state,
-          postcss.rule({
-            nodes: decls,
-          }),
-        )
+        item.detail = await jit.stringifyDecls(state, postcss.rule({ nodes: decls }))
       } else {
         item.detail = `${rules.length} rules`
       }