зачем обертки, можно на сами элементы повесить классы
хм, а если Styled-components и это нарушает его логику, то всё равно каждому блоку получается вместо обёртки класс? Хм, мне кажется конечно это костылём. Но, как вариант конечно
да, очень:). Нарушается переиспользуемость и атомарность, если есть каскад. Шанс, что что-то где-то в другом месте заденешь и перезапишешь также. Но мы тут не об этом:)
это не в css внедрили, это просто сочетание селекторов имхо, юзать глобальный селектор при необходимости (нет доступа к html-разметке) можно, но это не семантично и не гибко. ну и уж точно противоречит идеалогии бэм))