Toast z-index is removed before toast animation is done

[sid-6581]

Describe the bug

#2434 fixed the problem with the z-index for toasts being removed while there are still more messages, but the z-index is still being removed too soon. Once the fade out animation starts, the z-index is removed, and the toast will be hidden behind whatever has a higher z-index. This can be seen on the PrimeVue website if you scroll down a little bit to make the header visible, then trigger a toast. Once the toast is supposed to fade out it just immediately pops behind the header.

Reproducer

No response

PrimeVue version

3.17.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Got to PrimeVue website to the Toast documentation.
2. Scroll down the page a little bit to make the header visible.
3. Click a button to show a toast.
4. Wait for the toast to start fading out and watch it disappear behind the header.

Expected behavior

Z-index should remain in place until all toasts are completely gone and animations are done.