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

Question

Мне нужно изменить стили дочернего компонента из родительского компонента.Но стили, определенные в родительском классе, не отражаются в дочернем компоненте?Какой может быть возможный подход?

Компонент2 (дочерний компонент)

<div className={ classNames(css.class2, this.props.classWrapper) }>
    <div className={css.childclass2}></div>
</div>

Компонент1 (родительский компонент)

<Component2 classWrapper={css.class1} />

.class1{
    .childclass2{
        // the styles defined here are not reflected in the Component2
    }
}