tailwind 4 support

[erodriguezvesti]

Recently, I updated my project to Tailwind CSS v4, and React Seat Toolkit broke

[Akalanka47000]

HI @erodriguezvesti can you provide more details about this error. Ideally this library should be independant of whatever tailwind version you use. You should actually be able to use it with any css framework of your choice unless you're using the slim build files

[erodriguezvesti]

Hi! Thanks for your quick response. When I import "@mezh-hq/react-seat-toolkit/styles" into globals.scss or layout.tsx, Tailwind stop working without any issues. However, if I remove that import, everything works perfectly.

I believe the problem occurs because the index.css file from that package includes the following Tailwind directives:

@tailwind base;
@tailwind components;
@tailwind utilities;

These directives are not compatible with Tailwind CSS v4, which may be causing the error.

[Akalanka47000]

Hi, got it. I'll have a look on this within the week. Although as I remember the import @mezh-hq/react-seat-toolkit/styles points to the file at dist/index.css which is the css build output. I don't think that file has these 3 tailwind directives

[erodriguezvesti]

Thank you!!!!

[Akalanka47000]

Hi @erodriguezvesti sorry for the late reply, I had a look into this and there seems to be no issues in usage with Tailwind V4. I've added an example project under the examples/react directory of this repository. Please do have a look and also if you could, share a minimal example project where you're facing this issue so that I can debug further