Нужны для удобства.

Я бы рекомендовал использовать, когда необходимо реализовать layout’ы каких-либо переиспользуемых компонентов.

Кнопка может быть светлой и темной, для этого логично использовать модификатор, так как модификация несущественная и, очевидно, отражающая состояние блока (…_dark / …_light).
Если модификация более существенная и требует сбора стилей из разных классов, можно использовать микс, тогда система получится более гибкая, за счёт мелких переиспользуемых классов.

В процессе решения проблем становится понятно, где и что удобнее использовать.

Могу предложить такой вариант.

Так или иначе, надо смотреть в сторону WebGL, а там уже использовать наиболее удобные библиотеки.