diff --git a/packages/playground-react/tailwind.config.js b/packages/playground-react/tailwind.config.js
index d0f1c9eeb0..65877d3d17 100644
--- a/packages/playground-react/tailwind.config.js
+++ b/packages/playground-react/tailwind.config.js
@@ -1,4 +1,5 @@
-module.exports = {
+/** @type {import('tailwindcss/types').Config} */
+let config = {
   content: ['./{pages,components}/**/*.{js,ts,jsx,tsx}'],
   plugins: [
     require('@tailwindcss/forms'),
@@ -6,3 +7,5 @@ module.exports = {
     require('@headlessui/tailwindcss'),
   ],
 }
+
+module.exports = config
diff --git a/packages/playground-vue/tailwind.config.js b/packages/playground-vue/tailwind.config.js
index 326b0bbb49..77291af7df 100644
--- a/packages/playground-vue/tailwind.config.js
+++ b/packages/playground-vue/tailwind.config.js
@@ -1,4 +1,5 @@
-module.exports = {
+/** @type {import('tailwindcss/types').Config} */
+let config = {
   content: ['./src/**/*.vue', './*.html'],
   plugins: [
     require('@tailwindcss/forms'),
@@ -6,3 +7,5 @@ module.exports = {
     require('@headlessui/tailwindcss'),
   ],
 }
+
+module.exports = config