Drawer: Overlay of second drawer appears below first drawer when opened

[itismohammadreza]

Describe the bug

When using the Drawer component, if a second drawer is opened while the first one is still active, the overlay of the second drawer incorrectly appears beneath the first drawer. This behavior disrupts the expected stacking order and creates a confusing user experience.

Pull Request Link

No response

Reason for not contributing a PR

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

Other Reason

No response

Reproducer

https://stackblitz.com/edit/wpdqkp1w

Environment

windows

Angular version

19.0.0

PrimeNG version

v19

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

1. Create a component with two Drawer instances.
2. Trigger the first drawer to open.
3. While the first drawer is still open, trigger the second drawer to open.
4. Observe the position of the overlay of the second drawer.

Expected behavior

The second drawer's overlay should appear above the first drawer and its overlay, maintaining the correct stacking order.
example:

[github-actions]

Due to PrimeTek's demanding roadmap for PrimeNG, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨