@import -- allow at any place in stylesheet.

Hello. It makes sense to allow @import at any place in CSS stylesheet.

For example, if we have:

    .rule-before-example {...}
    .example {...}
    .rule-after-example {...}

We could have same expressed with @import:

    @import "before-example.css";
    .example {...}
    @import "after-example.css";

where "after-example.css" contains:

    .rule-after-example {...}

(Real-world imported stylesheets are, of course, much larger.)

So why should @import be disallowed here for importing "after-example.css"? This just makes development less usable/flexible.

Thanks.