Toast: out of screen on mobile

[typed-sigterm]

Describe the bug

Pull Request Link

No response

Reason for not contributing a PR

• [x] Lack of time
• [ ] Unsure how to implement the fix/feature
• [ ] Difficulty understanding the codebase
• [ ] Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template?file=README.md

Environment

Edge 132.0.2957.118 (Android)

Vue version

3.5

PrimeVue version

4.2.5

Node version

No response

Browser(s)

Edge 132.0.2957.118 (Android)

Steps to reproduce the behavior

Just go to the demo and click show.

Expected behavior

Don't get out of the screen :)

[miaobuao]

same issue.

now i'm using this rule in tailwindcss:

.p-toast {
  @apply w-[calc(100vw-80px)] sm:w-[calc(100vw-90px)] md:w-[25rem];
}

[ridintek]

I'm using this for tailwindcss:

.p-toast {
  @apply md:w-100! sm:w-100! w-[calc(100vw-10vw)]!;
}