A new syntax to improve @import in Sass.

Readme.md

@import is one of the most useful features of Sass, but it has some shortcomings. For one, newcomers are often confused that it uses the same syntax as CSS's import, and think it does the same thing. It doesn't!

An improved import utility might:

• Avoid overloading an existing name
• Provide variable/mixin scoping
• Allow importing of only some elements of an included file

Simplicity should be valued above features and options.

require.scss

// Imports zip.sass, zip.scss *nontransitively* with a "zip" prefix. 
@require "zip";

// Uses the "foo" mixin from zip.
@require foo from "zip";

// The prefix is now "zap".
@require "zip" as zap;

// A require without an export is just an @import, but always includes the content, even for css.
@require "zup";

zip.scss

// Everything in "@export" is visible to importers of this file.
@export {
  $bar: ok;
  
  @mixin foo {
    
  }
};

zup.css

i {
  text-decoration: intolerable;
}

Reference:
@import v2 wishlist compilation
Improve @import directive