Incorrect error message for `@layer` between `@import`s

The following CSS is invalid as the @import is not consecutive.

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap');

@layer reset, base, variant, state, component;

@import url(./tester.css) layer(base);

Reproduction

If this CSS is input, lightningcss errors with the following message:

@import rules must precede all rules aside from @charset and @layer statements

This message is true, but doesn't apply to this input. @import does precede all other statements aside from @layer.
In this case, I think the error message needs to be something like "@import must be consecutive".

Start with the CSS snippet and linked lightningcss playground reproduction to observe the current diagnostic. Locate the parser or diagnostic handling for @import and @layer, then verify that the message describes the non-consecutive @import case and that the reproduction no longer reports the misleading wording.