3.41 version bug: Toast & Slider style

[xushnudbek20]

Describe the bug

When I update primevue from 3.32.1 to 3.41.1. I seen that style bugs.

Before:

After:

Reproducer

PrimeVue 3 Issue Template

PrimeVue version

3.41.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Chrome 119

Steps to reproduce the behavior

No response

Expected behavior

No response

[Xyorqin]

Are changed any styles?

[xushnudbek20]

Are changed any styles?

No, I just updated primevue version

[FlipWarthog]

@layer was added in 3.35.0 (#4504); could be you have custom styles that previously were not overriding PrimeVue styles but now are.

[tugcekucukoglu]

@layer was added in 3.35.0 (#4504); could be you have custom styles that previously were not overriding PrimeVue styles but now are.

Thank you @FlipWarthog . It solves the problem.

[slumtrimpet]

@tugcekucukoglu

I don't understand how the @FlipWarthog comment solves the problem. So if for example we had generic CSS of the following in our project root:

* {
  margin: 0;
  padding: 0;
}

That now overrides all padding and margin style in primevue while it previously did not. That doesn't really seem acceptable. How do you suggest we resolve this?

(this also ties into #4688 and #4504 and I'd assume a lot of headaches since this breaking change was made)