In the long run we should move to shadow parts for such use cases. See this article (the syntax has slightly change since the article published but the idea remains).
A caveats of this implementation: since ::-v-deep is parsed as a pseudo element, we can't elegantly remove the arounding spaces, so there's an extra space remained in the added test case.
Update: as @Justineo pointed out, it is a common practice for a vendor prefixed selector to start with -, so renamed it to ::-v-deep.
>>>is semantically invalid in a stylesheet/deep/was deprecated and removed from all browsers, and dart-sass no longer supports parsing it::ng-deepalias https://github.com/angular/angular/pull/17677In the long run we should move to shadow parts for such use cases. See this article (the syntax has slightly change since the article published but the idea remains).
A caveats of this implementation: since
::-v-deepis parsed as a pseudo element, we can't elegantly remove the arounding spaces, so there's an extra space remained in the added test case.Update: as @Justineo pointed out, it is a common practice for a vendor prefixed selector to start with
-, so renamed it to::-v-deep.