Lets say I want my Bootstrap or Foundation css to be a separate file along with my app.css.
If I make a mix for them and another for my app.scss, I get both my app.scss and the framework scss compiled every time I make a change to the app.scss.
This would be OK if it didn't take 5-8 seconds every time to recompile the framework scss.
Well, think about it. How can it only compile the changes? Let's say your custom sass file has 200 lines and you add another 20. Now they have to be added. But where do you add them? Do you need to remove some sass as well? When you mix all styles it makes one file. That one file needs to be updated everytime. You can't just say update these 20 lines as far as I know!
The best way of doing it would be not saving it all the time, or wait a few seconds ;)
I dont mind compiling my whole app.scss on every change, I dont want it to compile my frameworks like Bootstrap every time I write something in my app.scss when the two files are completely separate and the compiled files stay separate.