Building with @angular/material v13 @use statements are failing

Type of Issue

[x] Bug Report
[ ] Feature Request

Description

After updating to v13 this morning, which removed all of the tildes from material’s @use statements, our library isn’t building, saying it can’t find the stylesheet. If I add the tildes back, it builds fine. Using without the tilde is working ok in the context of an application, but ng-packagr seems to still need them. This causes a really ugly catch 22, since our styles can’t have tildes to work with applications, but need them to work with the library build.

Error

------------------------------------------------------------------------------
Building entry point '@fabric/components/breadcrumbs'
------------------------------------------------------------------------------
× Compiling with Angular sources in Ivy partial compilation mode.
Can't find stylesheet to import.
  ╷
7 │ @use '@angular/material' as mat;
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  breadcrumbs\breadcrumbs.component.scss 7:1  root stylesheet
error Command failed with exit code 1.

Version Information

ng-packagr: 13.0.0
@angular/*: 13.0.0
typescript: 4.4.4
rxjs: 7.4.0
node: 14.17.0
yarn: 1.22.15

[alan-agius4]

Yeah, you are right. Let me do that.

[michaelfaith]

@alan-agius4 Thanks for the quick turnaround!