Toast: White border around Toast when using dark mode theme and tailwind.

[luke-z]

Describe the bug

Hello

I noticed a white border around the toast component whenever I'm in dark mode. The bug is reflected in the reproducer. I tried it with aura dark green in this case.

It seems like the layers are not working as expected for this component.

Reproducer

https://stackblitz.com/edit/primevue-nuxt-issue-template-y3wsqp

PrimeVue version

3.47.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Brave

Steps to reproduce the behavior

1. Use tailwind
2. Add the correct layering
3. Use a dark theme (in this case I tried aura)
4. Generate a toast

Expected behavior

The toast should not have a border and should like like the example on primevue.org when using dark mode.

[mertsincan]

Thanks a lot for your report! I set a milestone for it. We'll check before the milestone is released.

[tugcekucukoglu]

We need more time to investigate this issue. I am setting a new milestone.

Thank you.

[ownvrgs24]

@luke-z I fix my issues by

adding this code on my global styles

.p-toast .p-toast-message .p-toast-message-content { border: 0; }