The "ultimate" Mix setup

I'm not quite sure why I've never really used Elixir before but the recent change/rename to Mix got my attention.

As I've experimented, I've gotten probably 95% of where I'd like to be.

What that looks like is:

• Watchers on Blade templates
• HMR on my Vue components
• Browsersync listening for changes on Blade

What I can't get though is changes to live inject into my CSS from Sass.

Is the HMR in Webpack exclusive to JS, is there a nice way I can get it all working so that Blade templates change in the browser, CSS live injects and JS is watched for changes continually?

I've also tried Mix outside of the context of Laravel (Craft CMS project) and it was the same scenario.

Has someone found this panacea?