Angular 17 shows warnings for valid CSS selectors

[waterplea]

Which @angular/* package(s) are the source of the bug?

compiler

Is this a regression?

Yes

Description

In Taiga UI we have these styles:

.interactive(@ruleset) {
    // TODO switch to :is after Safari 14 and FF 78 support
    &:-webkit-any(a, button, select, textarea, input, label) {
        @ruleset();
    }

    &:-moz-any(a, button, select, textarea, input, label) {
        @ruleset();
    }
}

These are old versions of :is() CSS selector for Safari and Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/:is#browser_compatibility

Angular should not display warnings when using them:

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

When building the app it shows warning for unrecognized selectors.

Please provide the environment you discovered this bug in (run ng version)

Angular 17

Anything else?

To reproduce just use these selectors in styles for your app. I don't have a reproduction link for now as I have a very limited network access at the moment. I'll add it later if it's necessary.

[JeanMeche]

This looks like an upstream issue, If I'm correct the message is generated by Critters.

[JoostK]

This is indeed not the Angular compiler. Transferring to the CLI since it integrates Critters, but this is an upstream issue.

[alan-agius4]

Duplicate of https://github.com/angular/angular-cli/issues/25725

[waterplea]

Duplicate of #25725

Should I create an issue for it in Critters repository? Should I add my use case to the linked CLI issue?

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