Wrong import path for _a11y.scss in cdk's _overlay.scss breaks build

[alexanderwende]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When importing @angular/cdk/_overlay.scss into my projects scss files, it should not throw an error.

What is the current behavior?

It throws the following error:

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed: 
@import '../a11y/a11y';
^
      File to import not found or unreadable: ../a11y/a11y.
      in /Users/alex/Repositories/ng6/node_modules/@angular/cdk/_overlay.scss (line 1, column 1)

What are the steps to reproduce?

@import "~@angular/cdk/overlay"; in one of your app's scss file.

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

angular 6.0.0-rc.5
cdk 6.0.0-rc.12

Is there anything else we should know?

The import path in _overlay.scss is wrong and should be './a11y' instead of '../a11y/a11y'

[AncelHernandez]

Also experiencing this.

Change source: #10252

[jelbourn]

@crisbeto we may need to avoid using the cdk-high-contrast mixin in _overlay.scss as a workaround for this, as I'm not sure a good way to normalize the import for both our source and the distribution.

[alexanderwende]

Thanks for fixing this guys! :)

[angular-automatic-lock-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.}