Представьте, что вы решили собрать машину!
Да, можно сделать самоделку из деталей, каждую из которых вы выточите сами. Это писать на чистом CSS.
Препроцессоры это станки, на которых можно сделать детали. Они это делают удобнее и точнее.
Фреймворк же это как автомобильная платформа, на которой выпускают машины: сочетание инженерных решений и набора компонентов, что уже использовалось для выпуска других моделей.
Сборщик это конвеер, который помогает вам избавиться от рутины.
Тот же бутстрап довольно хорошо кастомизируется и расширяется уже вашими стилями, если внимательно почитать документацию и собрать его самому из исходников. Собственно, фреймворки нужны, чтобы не наступать на те грабли, на которые наступило множество людей до вас.
Но опять же - все зависит от задачи! Собираете болид - нужен один фреймворк, а если грузовик - то другой)))
