bug: warnings when compiling Ionic css with lightningcss - ionic outputs deprecated host-context pseudo-class

[aeharding]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

When I compile Ionic Framework's css with lightningcss, I see the following error multiple times:

'host-context' is not recognized as a valid pseudo-class. Did you mean '::host-context' (pseudo-element) or is this a typo?

Expected Behavior

No warnings

Steps to Reproduce

1. Go to https://stackblitz.com/edit/meehep-hzppdu?file=vite.config.js
2. In console, npm run build
3. See warnings

Code Reproduction URL

https://stackblitz.com/edit/meehep-hzppdu?file=vite.config.js

Ionic Info

Latest stackblitz

Additional Information

No response

[aeharding]

Looks like host-context is probably being removed from the spec anyways. So maybe this issue should just be to remove deprecated host-context from Ionic usage.

parcel-bundler/lightningcss#545 (comment)

w3c/csswg-drafts#1914 (comment)

[reslear]

any news?

[aeharding]

Lightningcss appears to be the default in Vite 8, so now anyone building an Ionic app with Vite will see this error.