Anyway to wrap @use like we can with @import about dart-sass HOT 3 CLOSED

You can use the meta.load-css mixin for this, which allows you to load the CSS but not the Sass members from a file

from dart-sass.

I have found a temporary workaround, but it requires @import which will be removed soon. So we would still need a permanent solution eventually.

You will need to create a separate file:

_block.scss

@use '../../node_modules/@some-library/scss-part-1';
@use '../../node_modules/@some-library/scss-part-2';

Then in main.scss

body#front-end,
.page-builder-preview-container {
    @import 'block';
}

• Note this is different then importing the css library partials in main.scss as that could break the css libraries rendering hierarchy.

• One caveat I found is that it doesn't render nested mixins correctly. This might be a bug in sass or an unconventional use not covered by sass.

from dart-sass.

This worked perfectly, Thanks

from dart-sass.