Tailwind utilities may not be able to override the default styling of components due to css specificity, there are two possible solutions; Import and CSS Layer.
Use the ! as a prefix to enforce the styling. This is not the recommend approach, and should be used as last resort to avoid adding unnecessary style classes to your bundle.
CSS Layer provides control over the css specificity so that Tailwind utilities can safely override components.
Ensure primevue layer is after theme and base, but before the other Tailwind layers such as utilities.
No change in the CSS configuration is required.
The primevue layer should be between base and utilities.
Tailwind v3 does not use native layer so needs to be defined with CSS.