PassThrough: does not override native styles

[quantumwebco]

Describe the bug

When adding passthrough globally it doesn't override the native styles. If you set cssLayer option to true it overrides some styles but others are completely lost

How can I have the native styles with primevue but override some with tailwindcss

This used to be easy in primevue 3 by using css layers but it no longer seems to work in 4

Reproducer

https://stackblitz.com/edit/primevue-4-ts-vite-issue-template-8whkyh?file=src%2FApp.vue,src%2Fmain.ts,src%2Fassets%2Fmain.css

PrimeVue version

4.0.4

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

Please see https://stackblitz.com/edit/primevue-4-ts-vite-issue-template-8whkyh?file=src%2FApp.vue,src%2Fmain.ts,src%2Fassets%2Fmain.css

Expected behavior

Passthrough should override the styles from primevue

[quantumwebco]

This also affects adding classes to elements directly

[tugcekucukoglu]

We could suggest using ! prefix for tailwind classes.

Thank you.

[quantumwebco]

@tugcekucukoglu That doesn't work.