Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

I get an runtime error. Following the official document guide on using scss variables in your project: https://material.angular.io/guide/theming-your-components.

Reproduction

Steps to reproduce:

1. Add the following code to your styles.scss

@use 'sass:map';
@use '@angular/material' as mat;

$color-config: mat.get-color-config($theme);
$primary-palette: map.get($color-config, 'primary');
$accent-palette: map.get($color-config, 'accent');
$warn-palette: map.get($color-config, 'warn');
$is-dark-theme: map.get($color-config, 'is-dark');

2. Run project

Expected Behavior

No errors

Actual Behavior

Environment

• Angular: 13.2.0
• CDK/Material: 13.2.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Repo with the a clean angular 13 project to reproduce: https://github.com/chsami/angular13withmaterial