Support `@use` of vendor styles in scss

[MaximBalaganskiy]

Required, for example, for Google Material Design.
Example gist

[3cp]

Going to experiment https://sass-lang.com/documentation/js-api#importer https://github.com/medialize/sass.js/blob/HEAD/docs/api.md#the-importer-callback

[3cp]

Running into some weird sass.js behaviour I don't understand.

Also, @use is blocked by medialize/sass.js#127, @import might work if I can fix my current implementation.

Npm module sass.js is currently the only sass implementation can run in browser.

[3cp]

Published some code. You might need to clean up browser cache.

The @use would not work because it's missing from sass.js npm module. The line is simply ignored.
You can use @import "@material/button/mdc-button"; but sass complains you have a syntax error in @material/button/mdc-button.scss

@include mixins.core-styles;

[MaximBalaganskiy]

yeah... because google uses @use which is ignored

[3cp]

That's unfortunate.

[MaximBalaganskiy]

Would it be possible to replace @use with @import during bundling?

[3cp]

Definitely possible, but I am not willing to. Because sass @use and @import are semantically different (although I don't know enough details), I don't want to implement wrong hacking.

When I got time, I would have a look into sass.js to see what stopped it from supporting @use.

[3cp]

I think we can leave this issue open. It's still to be solved from sass.js.