bug(popups): Material popups shown from native HTML dialog don't register mouse events.

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

Mouse events not registering on multiple material components inside native Dialog.

Originally they appeared behind the dialog due to being created outside of #top-layer.
https://github.com/angular/components/issues/25799

Now they mostly just don't work. They appear in-front of dialog... but mouse events (click/hover) don't register.
https://stackblitz.com/edit/stackblitz-starters-wmwfsj8g?file=src%2Fmain.ts

### Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-wmwfsj8g?file=src%2Fmain.ts
Steps to reproduce:
1. click button to open a native dialog
2. click any of the material components

### Expected Behavior

The MatMenu and DatePicker should work as expected.

### Actual Behavior

Ignores mouse events.

### Environment

- Angular: 21.1.3
- CDK/Material: 21.1.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Bắt đầu với bản tái hiện StackBlitz được liên kết trong src/main.ts và xác minh hành vi trong Chrome: mở hộp thoại native, sau đó thử MatMenu và DatePicker. Theo dõi cách các popup Material này được định vị tương đối với top layer của hộp thoại native và xác nhận rằng các sự kiện nhấp chuột và hover đến được các component. Hoàn tất khi cả hai component đều phản hồi các sự kiện chuột trong khi hộp thoại đang mở.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.