Agreed, it helps reduce the cognitive load and context switching by a decent margin. If you can't achieve co-location, at least structure the directories the same way or name related files the same thing.

If you have a partial/catalog/product/buy.js file, have a partial/catalog/product/buy.scss file as well. Finding the CSS for the buy.js component inside add-to-cart.scss is very lame.