Why, when @importing a css file to stylus, the styles from this file are added to the very top even if the file is included at the very end, and how to fix it?

Question

webpack

Hello! The problem is in the title of the question. I build using laravel mix.
For example, there is something like this

.test
    color #000000

@import 'style.css'

I expect that the .test class will be the result at the beginning of the file, and then those that I connected at the very end, but in the end everything is the other way around.