итак резюмирую:

className

1) не серебряная пуля
2) не позволяет стилизовать компоненты состоящие из более чем одного тега без "знания о  внутреннем устройстве"
3) более-менее применим только на простых leaf-компонентах
4) требует предоставления специального интерфейса у компонента (пропс class/className) и кучи гневных ишусов в репу компонента, чтобы добиться этого апи
5) при официальном подходе может вызывать злоупотребления и ломать компоненты

.class > :global()

1) также не имеет проблем с leaf-компонентами
2) имеет те же проблемы с компонентами с вложенностью.
3) не требует специальных апи и может изменять стили абсолютно любых компонентов
4) вызывает неловкое чувство при использовании, которое мешает злоупотреблениям

закинь этот же пример в ишак чтобы люди поняли почему вы против)

ишак вроде закрыт уже

итак резюмирую:

className

1) не серебряная пуля
2) не позволяет стилизовать компоненты состоящие из более чем одного тега без "знания о  внутреннем устройстве"
3) более-менее применим только на простых leaf-компонентах
4) требует предоставления специального интерфейса у компонента (пропс class/className) и кучи гневных ишусов в репу компонента, чтобы добиться этого апи
5) при официальном подходе может вызывать злоупотребления и ломать компоненты

.class > :global()

1) также не имеет проблем с leaf-компонентами
2) имеет те же проблемы с компонентами с вложенностью.
3) не требует специальных апи и может изменять стили абсолютно любых компонентов
4) вызывает неловкое чувство при использовании, которое мешает злоупотреблениям

дак все неприятные особенности и нежелательные подхваты стилей из-за двойного селектора, а не из-за подхода с пробросом класснейма

тут важно понимать, что скоупаный класснейм вреден именно в контексте скоупинга свелт

ну третий пункт тоже сомнителен

дак я и не собирался решать проблему круглых кнопок класнеймами)

дефолт это маржины и позиционирование, мб flex еще