chore!: upgrade to nuxt tailwind v4

lib/index.js

@@ -57,7 +57,9 @@ module.exports = function () {
     config.variants.cursor = utils => addVariants('cursor', ['responsive', 'hover', 'focus', 'disabled'], utils)
     config.variants.textColor = utils => addVariants('textColor', ['disabled'], utils)
 
-    config.plugins.push(require('@tailwindcss/custom-forms'))
+    config.plugins.push(require('@tailwindcss/forms')({
+      strategy: 'class'
+    }))
   })
 
   // Add alias

package.json

@@ -28,8 +28,8 @@
   "homepage": "https://github.com/gaetansenn/dw-ui#readme",
   "dependencies": {
     "@nuxtjs/storybook": "^3.3.0",
-    "@nuxtjs/tailwindcss": "^3.0.2",
-    "@tailwindcss/custom-forms": "^0.2.1",
+    "@nuxtjs/tailwindcss": "^4.2.1",
+    "@tailwindcss/forms": "^0.4.0",
     "consola": "^2.15.0",
     "defu": "^3.2.2",
     "vue-global-events": "^1.2.1"

storybook/nuxt.config.js

@@ -19,5 +19,12 @@ export default {
         fr: {}
       }
     }
+  },
+  build: {
+    babel: {
+      // Prevents looping in console while building
+      // https://github.com/nuxt/nuxt.js/issues/9224#issuecomment-893263501
+      plugins: [['@babel/plugin-proposal-private-methods', { loose: true }], ['@babel/plugin-proposal-private-property-in-object', { loose: true }]]
+    }
   }
 }

storybook/package.json

@@ -10,10 +10,9 @@
   "dependencies": {
     "@dewib/dw-ui": "https://github.com/gaetansenn/dw-ui",
     "@nuxtjs/storybook": "^3.3.0",
-    "@nuxtjs/tailwindcss": "^3.0.2",
-    "nuxt": "2.15.0",
-    "@nuxt/components": "2.1.1",
-    "nuxt-edge": "^2.15.0-26788356.847d4ae0",
+    "@nuxtjs/tailwindcss": "^4.2.1",
+    "@tailwindcss/forms": "0.4.0",
+    "nuxt": "2.15.7",
     "nuxt-i18n": "^6.16.0"
   },
   "devDependencies": {