Migration to Angular 13

[achilehero]

Hi guys!
I started looking into upgrading the DS to Angular 13. As usual, there is no easy way with these things :)
In this case here, the big change is that @angular/material 13 has dropped tilde imports. So changes like in libs/angular-components/video-thumbnail/src/video-thumbnail.component.scss are working and are fine ~@angular/material changed to @angular/material.
However, we have two use cases, in

finastra-design-system/themes/angular-theme/lib/core/_core.scss

Line 2 in 30e4d8d

@use '~@angular/material/core/style/elevation' with ( $opacity: 0.8 );

and

finastra-design-system/themes/angular-theme/lib/core/theming/_palette.scss

Line 4 in 30e4d8d

@use '~@angular/material/core/theming/palette' as matPalette;

where it doesn't work, either with ~ or without it.

While I am further investigating on how to solve it, if anyone has any idea, please shoot!

[ttalbot]

Thank you for upgrading 🙏

You removed ~ from @use statements on @angular/material, I think it's no longer necessary even for other packages.
This can be part of another PR.

[achilehero]

There is an open issue in the nx repo: nrwl/nx#7844. I already tried the suggested changes in the jest.preset.js but it doesn't seem to be working, though. Some other things I found on the topic: thymikee/jest-preset-angular#1090 and thymikee/jest-preset-angular#1149 (which is actually pointing me to the first issue)