Tooltip messes up z-index of dialog

[kevinkendzia]

Description

If you trigger a tooltip on the page right before opening a dialog, the z-index of the dialog is set to a value higher than the z-index of notifications (> 1000).
Any notification opened inside the dialog is hidden behind it because of this.

Expected outcome

Tooltips (or any other overlay) shouldn't cause dialogs to be rendered over notifications.

Minimal reproducible example

tooltip-dialog-test.zip

Steps to reproduce

1. Open App in Browser
2. Hover over "TOOLTIP"
3. Quickly press button "Open" while Tooltip is open (=> vaadin-dialog-overlay gets element-style with z-index: 1101)
4. Click button "Notification" in dialog

=> Notification is hidden behind dialog

Environment

Vaadin version(s): 24.5.5
OS: Windows 11

Browsers

Chrome, Firefox