Estoy actualizando a Angular 12 desde Angular 11. Durante ng serve , no puedo compilar esto: https://material.angular.io/guide/typography#define-a-level

retroceder

 ./src/custom-theme.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Invalid CSS after "...typography: mat": expected expression (eg 1px, bold), was ".define-typography-" on line 5 of src/custom-theme.scss >> $custom-typography: mat.define-typography-config( -----------------------^

tema-personalizado.scss

 @use '~@angular/material' as mat; $custom-typography: mat.define-typography-config( $font-family: 'Lato, Helvetica' ); @include mat.core($custom-typography); ...

Mi package.json tiene "node-sass": "^4.14.1",

¿Algunas ideas?