Compatibility with Tailwindcss 4

[AlePeace]

Hi, i want to thank you for the great work, i discovered this plugin very recently, but it's very well done. Recently Tailwind has updated his framework, and the config js file, is no longer required. I want to ask, i can still use this plugin?!?, because however the config file is still attachable to the project, did you plan to make this plugin compatible with tailwind 4?!?

Thanks a lot and good work

[davidhellmann]

@AlePeace, there is a next branch that should work with the JS Config.

[dienstbereit]

@AlePeace, there is a next branch that should work with the JS Config.

Do you have a short example of how to integrate the plugin into v4?
Many thanks!

[davidhellmann]

Just like in V3 via the JS config.
And then add the config like this

[make-sundae]

Do this still works?

"tailwindcss": "^4.1.1",
"tailwindcss-fluid-type": "^2.0.7",

module.exports = {
    plugins: [
        require('tailwindcss-fluid-type'),
    ],
}

@import 'tailwindcss';

@import "tw-animate-css";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@config "../../tailwind.config.js";

The error on build

[@tailwindcss/vite:generate:build] e is not a function
file: resources/css/app.css
at node_modules/tailwindcss-fluid-type/src/utils/createClasses.js:51:45
at Array.map ()
at module.exports (node_modules/tailwindcss-fluid-type/src/utils/createClasses.js:10:44)
at node_modules/tailwindcss-fluid-type/src/index.js:9:26
at Dr (node_modules/tailwindcss/dist/chunk-UR7WNMYR.mjs:25:2129)
at Ur (node_modules/tailwindcss/dist/chunk-UR7WNMYR.mjs:25:1080)
at async Ir (node_modules/tailwindcss/dist/chunk-UR7WNMYR.mjs:33:146)
at async Hi (node_modules/tailwindcss/dist/chunk-UR7WNMYR.mjs:33:1079)
at async Qa (node_modules/tailwindcss/dist/chunk-UR7WNMYR.mjs:33:1807)
at async ta (node_modules/@tailwindcss/node/dist/index.mjs:12:3355)
at async R.generate (node_modules/@tailwindcss/vite/dist/index.mjs:1:3498)
at async Object.transform (node_modules/@tailwindcss/vite/dist/index.mjs:1:2313)
at async transform (node_modules/rollup/dist/es/shared/node-entry.js:20957:16)
at async ModuleLoader.addModuleSource (node_modules/rollup/dist/es/shared/node-entry.js:21170:36)

uncommenting the config make the build process successful
Done on a freshly installed laravel 12 app with vue
"name": "laravel/framework",
"version": "v12.14.1",