Make resolveCssFrom async

Author: thecrypticace

packages/tailwindcss-language-server/src/css/resolve-css-imports.ts

@@ -12,9 +12,9 @@ const resolver = createResolver({
 
 const resolveImports = postcss([
   postcssImport({
-    resolve(id, base) {
+    async resolve(id, base) {
       try {
-        return resolveCssFrom(base, id)
+        return await resolveCssFrom(base, id)
       } catch (e) {
         // TODO: Need to test this on windows
         return `/virtual:missing/${id}`
@@ -36,6 +36,6 @@ export function resolveCssImports() {
   return resolveImports
 }
 
-export function resolveCssFrom(base: string, id: string) {
+export async function resolveCssFrom(base: string, id: string) {
   return resolver.resolveSync({}, base, id) || id
 }

packages/tailwindcss-language-server/src/util/v4/design-system.ts

@@ -136,7 +136,7 @@ export async function loadDesignSystem(
       // parsing errors or other logic errors.
 
       try {
-        let resolved = resolveCssFrom(base, id)
+        let resolved = await resolveCssFrom(base, id)
 
         return {
           base: path.dirname(resolved),