[YevheniiKotyrlo]

Problem

The compiler runs lightningcss without errorRecovery, so one rule or declaration lightningcss cannot parse throws, and the whole stylesheet compiles to nothing. lightningcss 1.30.1 throws on @media (foo bar) - a <general-enclosed> condition, which a browser evaluates as unknown - on @container scroll-state(stuck: top), on var() with no argument, and on a value outside a media feature's syntax, such as @media (prefers-color-scheme: 0). A browser keeps every rule beside each of them (css-syntax-3 §5, mediaqueries-5 §3.2).

Solution

Both passes run with errorRecovery: true, so lightningcss drops what it cannot parse and the rest compiles. A media query whose feature value it refuses it keeps, with a warning, so the second pass reads that query again and recovers too; what the query compiles to is the media compiler's, and #426 answers such a feature as unknown. Each warning the first pass gives reaches compile().warnings() as syntax, through the channel #430 adds.

Tests

src/__tests__/compiler/error-recovery.test.ts compiles each case beside other rules: those rules survive, a media or container query with a <general-enclosed> condition is dropped and reported, the query on (prefers-color-scheme: 0) is reported, and a declaration that fails to parse goes alone. The container case avoids scroll-state(), which lightningcss parses from 1.31.0. All four fail on #430 without this change, and the (prefers-color-scheme: 0) case also fails without the second pass's errorRecovery.

Verification

On Ubuntu with the workflow's steps - build, lint, typecheck, yarn test, node --test node/__tests__/*.mjs, both library builds, the web export, the unstaged-changes checks and commitlint - everything passes, and the iOS dev build passes with Xcode 27.1, where the workflow pins 26.6.

Not run: the Android example build.

The snippet, run on main and here: #493 (comment)

Merge order

It carries #430's commits, whose warning channel is where a dropped rule is reported, so #430 lands first.

#379 changes lines of metro/metro-transformer.ts that #430's commits change; whichever lands second rebases.

[YevheniiKotyrlo]

Snippet — main against this PR

compile(
  `.before { color: red; } @media (foo bar) { .inside { color: blue; } } .after { color: green; }`,
).stylesheet().s?.map(([name]) => name);

	result
main (eda2b286)	throws Unexpected token Ident("bar"), so the sheet compiles to nothing
this PR, merged into main	["before", "after"]

Run through the repo's jest on Windows with Node 26.