Add document links and completions for @plugin

Author: thecrypticace

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

@@ -1536,7 +1536,9 @@ async function provideFileDirectiveCompletions(
     return null
   }
 
-  let pattern = /@config\s*(?<partial>'[^']*|"[^"]*)$/
+  let pattern = state.v4
+    ? /@(config|plugin)\s*(?<partial>'[^']*|"[^"]*)$/
+    : /@config\s*(?<partial>'[^']*|"[^"]*)$/
 
   let text = document.getText({ start: { line: position.line, character: 0 }, end: position })
   let match = text.match(pattern)

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

@@ -17,6 +17,12 @@ export function getDocumentLinks(
     /@config\s*(?<path>'[^']+'|"[^"]+")/g,
   ]
 
+  if (state.v4) {
+    patterns.push(
+      /@plugin\s*(?<path>'[^']+'|"[^"]+")/g,
+    )
+  }
+
   return getDirectiveLinks(state, document, patterns, resolveTarget)
 }