bug(scss): import paths have changed

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

v12

Description

In v12, I used the following import in SCSS files @use "~@angular/material" as mat;.

After migrating to Angular v13, only the following import works @use "@angular/material" as mat;. However, Webstorm does not recognize the import.

Reproduction

Steps to reproduce:

1. Migrate to Angular (Material) v13
2. Use @use "~@angular/material" as mat;

Expected Behavior

Old imports work as expected.

Actual Behavior

I had to change the import to @use "@angular/material" as mat;, which causes IDE warnings.

Environment

• Angular:
• CDK/Material: 13.0.0
• Browser(s): any
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 11, macOS Monterey

[ecruz165]

The WebStorm issues will be resolved soon, see https://youtrack.jetbrains.com/issue/WEB-53312?_ga=2.16688127.810438460.1636730288-874848357.1590392228

Webstorm started recognizing paths after adding the following to angular.json under build

            "stylePreprocessorOptions": {
              "includePaths": [
                "src/styles",
                "node_modules"
              ]
            },

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}