bug(Angular Material Components: @use '@material/typography' as mdc-typography; error during Bitbucket Pipeline build

[mattiLeBlanc]

Is this a regression?

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

The previous version in which this bug was not present was

17.2.1

Description

When building my angular application in Bitbucket Pipeline, since today I am getting a build error:

Application bundle generation failed. [42.497 seconds]
✘ [ERROR] Error: The "path" argument must be of type string. Received undefined
  ╷
4 │ @use '@material/typography' as mdc-typography;
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  ../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_zone.js@0_uazmdyi7rlcwq43mlshwzo3k7q/node_modules/@angular/material/core/typography/_definition.scss 4:1  @use
  ../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_zone.js@0_uazmdyi7rlcwq43mlshwzo3k7q/node_modules/@angular/material/core/typography/_versioning.scss 2:1  @use
  ../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_zone.js@0_uazmdyi7rlcwq43mlshwzo3k7q/node_modules/@angular/material/core/theming/_m2-inspection.scss 6:1  @use
  ../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_zone.js@0_uazmdyi7rlcwq43mlshwzo3k7q/node_modules/@angular/material/core/theming/_inspection.scss 4:1     @use
  ../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_zone.js@0_uazmdyi7rlcwq43mlshwzo3k7q/node_modules/@angular/material/core/typography/_typography.scss 5:1  @forward
  @angular/_index.scss 13:1                                                                                                                                                                                              @use
  src/app/shared/components/help-button/help-button.component.scss 1:1    

on many SCSS files. I can see in the git commit that my pnpm lock file has receied many updates of angular versions tot the latest 17.3.9 and now I can not deploy my application because of this error.

I cant repoduce it locally even if I do an pnpm run prune and followed by pnpm install and then a pnpm run build. In Bitbucket I am running image: node:18.14.2. My local macbook node version is v18.17.1.

Does anyone know why I am experiencing these issues on material typography all of a sudden?

Reproduction

Not possible to reproduce since it only happens in my pipeline

Expected Behavior

No build error

Actual Behavior

Build error as described above

Environment

• Angular: 17.3.9
• CDK/Material: 17.3.9
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Error happens in Bitbucket pipeline, node image node:18.14.2