node-sass imports with assets

dep.scss

// scss/dep.scss
#foo {
  .foo {
    background: url('../images/a.jpg');

    :fullscreen a {
      display: flex
    }
  }

  &--bazz {
    background-color: blue;
    background: url('../images/b.jpg');
  }
}

font.scss

//fonts.scss

@font-face {
  font-family: Alice;
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/foo.woff") format("woff");
}

html {
  font-size: 24px;
}

body {
  font-family: "Alice";
}

main.scss

// main.scss
@import "scss/dep";
@import "font";

result.css

#foo .foo {
  background: url("../images/a.jpg"); }
  #foo .foo :fullscreen a {
    display: flex; }

#foo--bazz {
  background-color: blue;
  background: url("../images/b.jpg"); }

@font-face {
  font-family: Alice;
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/foo.woff") format("woff"); }

html {
  font-size: 24px; }

body {
  font-family: "Alice"; }

node-sass main.scss