Tailwind CSS issue

[C0ZEN]

Describe the bug

In v9, to style Prime I only need to add these into a .scss file.

@import 'primereact/resources/themes/lara-light-blue/theme.css';
@import 'primereact/resources/primereact.min.css';

In v10.0.2, this is like the app is set to unstyled: true, since no CSS is loaded, at all!
Though, I'm still able to see that the Prime classes are added into the DOM.

Reproducer

No response

PrimeReact version

10.0.2

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

The styles are loaded.

[melloware]

I can't reproduce? https://stackblitz.com/edit/react-bjcylz?file=src%2FApp.js,src%2Findex.js

Can you edit my stackblitz to show the issue?

[C0ZEN]

I can try, though it may not be that easily reproducible since I'm working on a Nx+Vite project.

[C0ZEN]

I identified that the issue comes from having this line in my styles as well:

@import 'tailwindcss/base';

[melloware]

ok I think PrimeTek is going to provide guidance on using TailWind with the new unstyled mode.

[melloware]

Actually instructions here: https://primereact.org/tailwind/

[C0ZEN]

I don't get how come my app is broken just because I'm already using Tailwind.

My point is: tailwind was and should still be working WITH a theme, and the docs actually refer to using tailwind as unstyled.
This is not what I wish 🤔

[melloware]

OK then provide a reproducer like I did...