Attempting to update my Angular projects from version 12 to 13 has led me to a roadblock that I've been unable to resolve after two days of troubleshooting.
My applications are basic Angular Material apps with features like a grocery list app.
I utilize a custom Angular library for inserting items using a formula with various fields that can be submitted through a MatDialog. This formula has been externalized into its own angular library for increased generality and reusability.
However, upon upgrading the library project and trying to integrate the resulting build (based on new Ivy) into my app, I'm encountering the following error:
SassError: Can't find stylesheet to import.
@import '@my/form-lib/theme';
The unfamiliar stylesheet is sourced from the library and provides default theming access, but I am at a loss as to why this issue is occurring. I've also noted that the use of Angular Material no longer requires the tilde ~ in front.
@use '**~**@angular/material' as mat;
I have attempted removing all tildes ~ without success in resolving the error.
Additionally, I've tried reverting @angular/cli back to version 13.0.0 as a suggested solution stated here, but this approach has not worked for me.
If anyone has any suggestions or solutions to propose, please let me know.