когда захотите поиграться шрифтами, цветом, размерами и придется бегать по всему файлу или файлам для их изменения, вместо правки переменных в одном месте.
Для это есть custom-property in css, это гораздо удобнее и мощнее этих ваших переменных в препроцессорах.
инклюды в препроцессоре дают возможность разбить весь css на отдельные небольшие и логичные файлы, с которыми проще работать, и на выходе сольют их в один файл, а не n разных в случае link rel. это хорошо в плане client-side optimization, хотя для хомяков и не критично.
На этапе разработки можно создавать отдельные файлы стилей (логичные блоки) и инклюдить их в основной с помощью штатных средств @import "имя файла". На выходе, сливать их в один тем же gulp'ом.
Для это есть custom-property in css, это гораздо удобнее и мощнее этих ваших переменных в препроцессорах.
На этапе разработки можно создавать отдельные файлы стилей (логичные блоки) и инклюдить их в основной с помощью штатных средств @import "имя файла". На выходе, сливать их в один тем же gulp'ом.