Support Tailwind CSS v4.0.0-alpha.19 (#310)

* Handle async design system in v4 alpha 19 * Update changelog
tailwindlabs · Aug 9, 2024 · b7830c6 · b7830c6
1 parent ee50b9b
commit b7830c6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Add support for `prettier-plugin-multiline-arrays` ([#299](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/299))
 - Add resolution cache for known plugins ([#301](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/301))
+- Support Tailwind CSS `v4.0.0-alpha.19` ([#310](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/310))
 
 ## [0.6.5] - 2024-06-17
 

diff --git a/src/config.ts b/src/config.ts
@@ -171,7 +171,11 @@ async function loadV4(
 
   // Load the design system and set up a compatible context object that is
   // usable by the rest of the plugin
-  let design = tw.__unstable__loadDesignSystem(result.css)
+  let design = await tw.__unstable__loadDesignSystem(result.css, {
+    loadPlugin() {
+      return () => {}
+    },
+  })
 
   return {
     context: {