TearSheet does not display in Angular project

[wangxy98]

Description

I used Tearsheet component in my Angular project. I installed the package with npm install @carbon/web-components, and added the required configuration following the document https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components#angular. And I also added import '@carbon/web-components/es/components/tearsheet/tearsheet'; in app.module.ts file, add <cds-tearsheet open></cds-tearsheet> in app.component.html file. But the tearsheet could not be displayed.
Here is an example: https://stackblitz.com/edit/stackblitz-starters-gqx63m?file=src%2Fapp%2Fapp.component.html

Angular: 15.2.8
carbon/web-components: 2.8.0
typescript: 5.2.2

Component(s) impacted

Tearsheet can not be displayed in Angular project.

Browser

Chrome, Firefox

Carbon for IBM.com version

carbon/web-components: 2.8.0

Severity

Severity 1 = The design is broken in a critical way that blocks users from completing tasks or damages the brand. Affects major functionality, no workaround.

Application/website

none

Package

@carbon/web-components

CodeSandbox example

https://stackblitz.com/edit/stackblitz-starters-gqx63m?file=package.json

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues