SASS is removing support for /deep/

[zoechi]

I'm submitting a ...

[ ] Regression (behavior that used to work and stopped working in a new release)
[ ] Bug report 
[x] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

Expected behavior

See also

• Support ::ng-deep as an alternative to /deep/ angulardart/angular#454
• beta.1 throws on /deep/ selector sass/dart-sass#154

I don't know if node-sass will keep supporting it or what SASS version Angular TS developers might use.

just to be sure it's on your radar

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

Please tell us about your environment

Angular version: X.Y.Z


Browser:
- [ ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: XX 
- Platform: 

Others:

[hansl]

Labeling this as aio because they're the only ones using sass in this repo. Thanks!

[zoechi]

@hansl This affects all Angular users that use SASS with Angular (at least if they use dart-sass or when /deep/ support will be removed from other SASS implementations)

[hansl]

We'll see how long it takes node-sass to catch up with this. I'm sending this issue to devrel to see if there's anything we can do. Thanks!

[petebacondarwin]

There are references to /deep/ in the component-styles page (don't look at the Table of Contents layout problem - it is being fixed).

Ping @wardbell who has had a hand in that doc.

[petebacondarwin]

But we are not using it in the aio app itself.

[zoechi]

@hansl please also check the links in my initial comment. The Dart Angular and the SASS team agreed on a replacement.

[hansl]

For those looking around, the replacement suggested by the AngularDart team is ::ng-deep and it's specific to AngularDart, not SASS itself.

[Ketec]

That would be quite disasterous. There is a massive number of third party modules i cannot just go and edit to use alternative replacements.

[zoechi]

@Ketec this is why I created the issue, so that there is time to react.

[IgorMinar]

this was resolved via b754e60

[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.}