Consider dropping sass-export in favor of vanilla :export
In !2678 (comment 858414497), we encountered some issues related to sass-export
, which we use to export SASS variables to Javascript. We figured that there is a way to natively export SASS variables with the :export
keyword:
// variables.scss
$gray-200: #bfbfbf !default;
:export {
gray200: $gray-200;
}
Then, we can directly import from the SCSS in Js:
// some-file.js
import { gray200 } from 'variables.scss';
Let's consider dropping sass-export
in favor of this native approach.
Pros
- Native: we'd be able to remove the
sass-export
dependency and simplify our build steps.
Cons
- Exports have to be defined manually, so there's room for human error when naming the exports. It also means that, if someone needs a variable in GitLab and it is not exported yet, they'll have to publish a new GitLab UI release first.
/cc @aturinske @eread