Memory Leak in Injector

I've encountered a possible memory leak while using `OverlayRef` and `Injector`.

#### Reproduction

Inside `AppComponent` there is a click event on a button. That click event will generate an array and pass that array to another component using `ComponentPortal`

The constructor and the click event from `AppComponent`:

```
// ? AppComponent constructor
constructor(private overlay: Overlay) {
this.#overlayRef = this.overlay.create({
positionStrategy: this.overlay
.position()
.global()
.centerHorizontally()
.centerVertically(),
hasBackdrop: true,
});

this.#overlayRef.backdropClick().subscribe(() => this.#overlayRef.detach());
}

onClick(){
const output = new Array(1000).fill('asfasdf');
this.#overlayRef.attach(
new ComponentPortal(
MyComponent,
null,
Injector.create({
providers: [{ provide: MY_TOKEN, useValue: output }],
})
)
);
}
```

#### Actual Behavior

It looks like each time the modal is created the data generated and injected in the component, but once the modal disappears, the data is not removed from the memory.


#### Environment

- Angular:
- "@angular/core": "~11.2.5",

- CDK/Material:
- "@angular/cdk": "^11.2.4",
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows10

Báo cáo nêu AppComponent, MyComponent, OverlayRef, Injector và ComponentPortal; hãy bắt đầu bằng cách tái hiện các lần nhấp lặp lại và kiểm tra heap snapshots. Theo dõi vòng đời attach/detach của overlay và các tham chiếu của Injector.create, sau đó xác nhận liệu mảng được inject có được giải phóng sau khi dismissal hay không, rồi ghi lại kết quả trong một regression test hoặc một chẩn đoán được lập tài liệu.

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