How to use CSS `@import`s properly? (on using the new `space-style` priorities)

v2: Troubleshooting
1

Because @imports must precede most of the CSS as investigated, I requested a /* priority: <prio> */ support for space-styles which @zef did in this commit. So far so good.

But I still cannot get the @imports working for some reason I don’t know how to debug it in Firefox. Could anybody try to @import some font from one page with space-style and apply it to, say, --editor-font, to see if it it work for you?

E.g., for the Inter font it may be something like:

```space-style
/* priority: 1000 */

@import url('https://rsms.me/inter/inter.css');
```

and elsewhere:

```space-style
/* priority: -1000 */

:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}

@supports (font-variation-settings: normal) {
  :root {
    font-family: InterVariable, sans-serif;
  }
}
```

Perhaps I’m still missing something crutial. Does it work for you, please?