fix: clean up tilde imports (#1082)

Cleans up the usages of deprecated tilde imports.

Author: crisbeto

material.angular.io/scenes/src/styles.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @include mat.core();
 

material.angular.io/src/_app-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @use 'sass:map';
 @use './app/pages/component-category-list/component-category-list-theme';

material.angular.io/src/app/pages/component-category-list/_component-category-list-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/pages/component-sidenav/_component-sidenav-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use 'sass:color';
 @use 'sass:map';
 @use '../../../styles/constants';

material.angular.io/src/app/pages/component-viewer/_component-viewer-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/pages/guide-list/_guide-list-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/pages/homepage/_homepage-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/pages/not-found/_not-found-theme.scss

@@ -1,6 +1,6 @@
 @use 'sass:color';
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/shared/carousel/_carousel-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/shared/cookie-popup/_cookie-popup-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/shared/cookie-popup/cookie-popup.scss

@@ -1,6 +1,6 @@
 @use 'sass:math';
-@use '~@angular/cdk' as cdk;
-@use '~@angular/material' as mat;
+@use '@angular/cdk' as cdk;
+@use '@angular/material' as mat;
 
 $_inner-spacing: 16px;
 

material.angular.io/src/app/shared/example-viewer/_example-viewer-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/shared/footer/_footer-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/shared/navbar/_navbar-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/app/shared/table-of-contents/_table-of-contents-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
   $primary: map.get($theme, primary);

material.angular.io/src/assets/stack-blitz-tests/src/styles.scss

@@ -1,5 +1,5 @@
-@import '~@angular/material/prebuilt-themes/indigo-pink.css';
-@import '~jasmine-core/lib/jasmine-core/jasmine.css';
+@import '@angular/material/prebuilt-themes/indigo-pink.css';
+@import 'jasmine-core/lib/jasmine-core/jasmine.css';
 
 body {
   font-family: Roboto, Arial, sans-serif;
@@ -9,6 +9,7 @@ body {
 .jasmine_html-reporter {
   margin-bottom: 10px;
 }
+
 .version-info {
   font-size: 8pt;
   float: right;

material.angular.io/src/assets/stack-blitz/src/styles.scss

@@ -1,4 +1,4 @@
-@import '~@angular/material/prebuilt-themes/indigo-pink.css';
+@import '@angular/material/prebuilt-themes/indigo-pink.css';
 
 body {
   font-family: Roboto, Arial, sans-serif;

material.angular.io/src/styles.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use './app-theme';
 @use './styles/api';
 @use './styles/markdown';

material.angular.io/src/styles/_api-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 // Mixin to apply theme colors for generated API docs.
 @mixin theme($theme) {

material.angular.io/src/styles/_markdown-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 // Mixin to apply theme colors for docs generated from markdown files in the material2 repo.
 @mixin theme($theme) {

material.angular.io/src/styles/_svg-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 // Mixin to create a css class for each fill, stroke, and stop-color for a given color.
 @mixin _svgColorProperties($className, $color) {

material.angular.io/src/styles/_tables-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 // Mixin to apply theme colors for both generated API docs and markdown docs (guides/overviews).
 @mixin theme($theme) {

material.angular.io/src/styles/custom-themes/deeppurple-amber.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use '../../app-theme';
 
 // Define the light theme.

material.angular.io/src/styles/custom-themes/indigo-pink.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use '../../app-theme';
 
 // Define the light theme.

material.angular.io/src/styles/custom-themes/pink-bluegrey.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use '../../app-theme';
 @use '../../highlightjs/material-dark';
 

material.angular.io/src/styles/custom-themes/purple-green.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use '../../app-theme';
 @use '../../highlightjs/material-dark';