bug(tab): position sticky is broken inside of tabs

Chưa có ai nhận issue này.

### 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

position sticky doesn't work inside of mat-tabs because they use overflow: hidden;

### Reproduction

StackBlitz link: https://components-issue-kwznw3.stackblitz.io https://stackblitz.com/edit/components-issue-kwznw3?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:
1. scroll down
2. see that the "broken scroll" element inside of the tab doesn't stick, but the same code outside does (see "sticky" right below it)

### Expected Behavior

position sticky should work

### Actual Behavior

position sticky doesn't work

### Environment

- Angular: tried it with 16.2.1 and 17.1.0
- CDK/Material: tried it with 16.2.1 and 17.1.0
- Browser(s): chrome/firefox
- Operating System (e.g. Windows, macOS, Ubuntu): windows

Bắt đầu với bản tái hiện StackBlitz được liên kết và src/app/example-component.html được tham chiếu, sau đó kiểm tra cách hành vi overflow của vùng chứa tab ảnh hưởng đến position: sticky. Công việc hoàn tất khi phần tử bên trong một tab vẫn cố định trong khi cuộn như trong bản tái hiện, mà không làm phát sinh hồi quy đối với hành vi tab bình thường.

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