<===> input.scss
// Unquoted

@media (min-width: 1337px) {
  .foo {
    content: baz;
  }

  @at-root (without: media) {
    .foo {
      content: bar;
    }
  }
}

@media (min-width: 1337px) {
  .foo {
    content: baz;
  }

  @at-root (without: all) {
    .foo {
      content: bar;
    }
  }
}

@supports (color: red) {
  .foo {
    content: baz;
  }

  @at-root (without: supports) {
    .foo {
      content: bar;
    }
  }
}

@supports (color: red) {
  .foo {
    content: baz;
  }

  @at-root (without: all) {
    .foo {
      content: bar;
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: all) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: media supports) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: media) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: supports) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: all) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: media supports) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: media) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: supports) {
      .foo {
        content: bar;
      }
    }
  }
}

// Quoted

@media (min-width: 1337px) {
  .foo {
    content: baz;
  }

  @at-root (without: "media") {
    .foo {
      content: bar;
    }
  }
}

@media (min-width: 1337px) {
  .foo {
    content: baz;
  }

  @at-root (without: "all") {
    .foo {
      content: bar;
    }
  }
}

@supports (color: red) {
  .foo {
    content: baz;
  }

  @at-root (without: "supports") {
    .foo {
      content: bar;
    }
  }
}

@supports (color: red) {
  .foo {
    content: baz;
  }

  @at-root (without: "all") {
    .foo {
      content: bar;
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: "all") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: "media" "supports") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: "media" supports) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: media "supports") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: "media") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (without: "supports") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: "all") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: "media" "supports") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: "media" supports) {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: media "supports") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: "media") {
      .foo {
        content: bar;
      }
    }
  }
}

@media (min-width: 1337px) {
  @supports (color: red) {
    @at-root (with: "supports") {
      .foo {
        content: bar;
      }
    }
  }
}

<===> output.css
@media (min-width: 1337px) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@media (min-width: 1337px) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@supports (color: red) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@supports (color: red) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
.foo {
  content: bar;
}
.foo {
  content: bar;
}
@supports (color: red) {
  .foo {
    content: bar;
  }
}
@media (min-width: 1337px) {
  .foo {
    content: bar;
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  .foo {
    content: bar;
  }
}
@supports (color: red) {
  .foo {
    content: bar;
  }
}
@media (min-width: 1337px) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@media (min-width: 1337px) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@supports (color: red) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
@supports (color: red) {
  .foo {
    content: baz;
  }
}
.foo {
  content: bar;
}
.foo {
  content: bar;
}
.foo {
  content: bar;
}
.foo {
  content: bar;
}
.foo {
  content: bar;
}
@supports (color: red) {
  .foo {
    content: bar;
  }
}
@media (min-width: 1337px) {
  .foo {
    content: bar;
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  @supports (color: red) {
    .foo {
      content: bar;
    }
  }
}
@media (min-width: 1337px) {
  .foo {
    content: bar;
  }
}
@supports (color: red) {
  .foo {
    content: bar;
  }
}