Tailwind CSS Vesion 3 Breaking Change

[goxmedia]

Upon upgrade to Tailwind CSS v.3.0, the following import is now breaking within tailwind.config.js: require('tailwindcss-fluid-type');. Package.json has been updated to Tailwind v3.0.

Demo also breaks when chaning the Tailwind version to 3.0: https://play.tailwindcss.com/3LDf3gzbhb

Side Note: Thanks for your awesome work on this plugin. We absolutely love it.

[davidhellmann]

Hey, thank you!
It works on your local dev stuff not or just in the playground?
Maybe it's not ready to use plugins for now.
Found this issues: https://github.com/tailwindlabs/play.tailwindcss.com/issues/102

Did the update on my boilerplate yesterday and works fine:
davidhellmann/craftcms-baukasten@15de9ee

Maybe you can share your a bit more details.
Did you update the plugin to the latest version 1.3.2?

[goxmedia]

Hi David,

Thanks for your reply. Appears to be related to the same issue as tailwindlabs/play.tailwindcss.com#102, but not sure.

Yes, issue occurs on local dev and the playground.

I also upgraded your plugin to v1.3.2. I also see that Tailwind has just been updated to v3.0.1, so I'm going to instal that and see if it resolves this issue. Thanks.

[goxmedia]

Same issue after upgrading Tailwind to v3.0.1. Might be a Tailwind thing like you said.

[davidhellmann]

Looks like this is a TS issue?
Maybe a project config / vs code config thing?
Found this: tailwindlabs/tailwindcss-forms#18 (comment)

[goxmedia]

Thanks. I'll give that a try. Never had to do that before but based upon the link you shared but I'll give it a shot. Not sure why the playground would be affected though.

[davidhellmann]

I close this for now.