multiple @import statements not at top of file

if I have two css files:

```
/* foo.css */
@import url('some-package');

.foo {
color: red;
}
```

and

```
/* bar.css */
@import url('another-package');
.bar {
color: blue;
}
```

rolling up a main file like this:

```
import './foo.css';
import './bar.css';
```

generates the following css:

```
/* foo.css */
@import url('some-package');

.foo {
color: red;
}

/* bar.css */
@import url('another-package');
.bar {
color: blue;
}
```

However, this is invalid css, as all of the import statements should be at the top...

Is there a way to work through this?

I can just process the output as SCSS _after_ it builds, but this seems like it should be something handled by this plugin