Missing invalid float label color

[gabjauf]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

CodeSandbox Case (Bug Reports)
https://codesandbox.io/s/kppoii

Current behavior

When submitting directly the form, the p-error class is rightfully set on the floating labels but it does not set the label's color to red.

Expected behavior
The floating label should turn red.

Minimal reproduction of the problem with instructions

• Open Sandbox
• Submit form

• Vue version: 3.X

• PrimeVue version: 3.12.X

• Browser: [all]

Notes
This is due to selector specificity: .p-float-label>label wins against .p-error
Two ways I see to solve it:

• Make .p-float-label>label less specific
• Make .p-error color !important
• Make .p-error more specific (for example by associating it to .p-float-label)