StylePreproccessor error with /deep/ in css

[fnnzzz]

Type of Issue

[x] Bug Report
[ ] Feature Request

Description

I'm getting an error on some css with a error message Unclosed comment in stylesheet file
CSS looks like this

I suspect the preprocessor is treating /deep/ as an unclosed comment. (if you delete it, then everything works correctly)

How To Reproduce

• add to css /deep/ and run build

Version Information

ng-packagr: 12.0.2
"@angular/animations": "12.0.1",
"@angular/cdk": "^12.0.1",
"@angular/common": "12.0.1",
"@angular/compiler": "12.0.1",
"@angular/core": "12.0.1",
"@angular/elements": "12.0.1",
"@angular/fire": "^6.1.5",
"@angular/forms": "12.0.1",
"@angular/material": "^12.0.1",
"@angular/material-moment-adapter": "^12.0.1",
"@angular/platform-browser": "12.0.1",
"@angular/platform-browser-dynamic": "12.0.1",
"@angular/platform-server": "^12.0.1",
"@angular/router": "12.0.1",
typescript: 4.2.4
rxjs: 7.0.1
node: 14.16.1
yarn: 1.22.5

[fnnzzz]

After changed /deep to ::ng-deep a build passed.

https://angular.io/guide/component-styles

The /deep/ combinator also has the aliases >>>, and ::ng-deep.

[fnnzzz]

UPD:
angular/angular#42214
I noticed that the angular team is preparing a migration for /deep/, so maybe it's just a matter of time

[SchnWalter]

Actually, both versions are deprecated: https://angular.io/guide/deprecations#deep-component-style-selector and should be avoided.

[alan-agius4]

Closing since /deep/ is no longer supported by the underlying tooling.

Please use ::ng-deep instead.

[github-actions]

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

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