I am using vue3 and PrimeVue library. When I try to override the PrimeView component's css field using the :deep() selector, it has no effect. It only applies my changes when I use unscoped styles. I'm confused as to why it doesn't work.

Sample code with :deep():

This doesn't work.

But when using style without scope, like this:

That works.