Doesn't work for nested @imports

[AlexWayfer]

main.pcss:

@import 'foo';

body {
  @import 'bar';
}

_foo.pcss:

p {
  color: red;
}

_bar.pcss:

button {
  color: blue;
}

Output:

p {
  color: red;
}

body {
  @import 'bar';
}

[rodionbgd]

Who knows what plugin can solve this problem? I bump into this, when importing from vue component.