Ну не нужно сразу сделал и забыл. Сделал, когда нужно вернулся и изменил. А тут пока делаешь...

Использование не только бем нейминга, но и остальных модулей от bem-react.

Ты можешь вообще ничего из bem-react не использовать, в том числе нейминг 🙂

ну типо, это же не обязательно, нужно понимать, зачем это тебе нужно

К примеру мы используем classname и нейминг, т.к. это решение нам подходит и позволяет не тащить какой-то доплнительный рантайм
di используется, чтобы делать эксперименты над фичами

Если у тебя нету таких потребностей на данный момент, то стоит использовать те инструменты, которые тебе подходят) а потом уже расширять при необходимости

Тот же withBemMod мы используем не везде, в основном только для визуальных модификаторов, на обычном же проекте кажется даже и это не особо нужно, т.к. нету такого большого кол-ва визуала

Если это какая-то доп функциональность с js'ом, то стоит скорее всего сделать обычный хок и использовать его, без подключения по условию

Я описал кнопку с несколькими стилями и решил использовать её в проекте, стили кнопок задают цвет текста, мне нужно использовать этот цвет для свойства fill иконок внутри кнопок, но я не хочу устанавливать такое поведение глобально и не хочу для этого использовать js.

Как следует поступить? На сколько распространена практика использования custom properties, если распространена, то их следует именовать как класс?

Как-нибудь вроде --button_theme_sexy--color? А потом использовать свойство в патче, переопределяющем что-то (в этом случае свойство fill)

Тут в имени я имею в виду какое-то свойство после --, если так не корректно, предложите своё мнение, как стоит именовать, что бы имена были уникальными

Мы используем css-свойства, именуются они по скоупу использования + смыслу

Мб --button_property-color, переопределяемое

К примеру --color-control-bg-default — дефолтный цвет контрола, --color-control-bg-action — цвет контрола с действием экшена

если нужна более гибкая кастомизация, то можно добавить --button-color-**

Где они объявляются? В моём примере с кнопкой, переменную определить на уровне класса button? И в темах только переопределять? А что если это свойство должно быть только у темы?

Мы определяем такие переменные на уровне темы в которую обернуто приложения/фича

А если появится блок buttn-color? Это же валидное имя для блока и уникальность имени будет нарушена

Тогда будет buttonColor-color-**

Но вообще как правило контролы должны быть одинаковые на уровне приложения, поэтому более точечное определение цвета для кнопки кажется излшиним, хотя я  не знаю твоего кейса и приложения)