如何在CSS模块的其他CSS文件中使用类？

Question

./ index.tsx

import React from 'react';
import Child from '../Child/index';
import style from './index.scss';

const Parent = () => {
    return (
        <div className={style.parent}>
            <Child/>
        </div>
    )
}

export default Parent;

./ index.scss

.parent {
    // styles...
}

./ Child / index.tsx

import React from 'react';
import style from './index.scss';

const Child = () => {
    return <div className={style.child}></div>;
}

export default Child;

./ Child / index.scss

.child {
    // styles...
}

并且我想在诸如此类的scss文件中使用.parent:hover .child { //...style }

import '../index.scss';

.parent {
    &:hover {
        .child {
            // ...style
        }
    }
}

.child {
    // styles...
}

这个问题有解决方案吗？我正在寻找相关信息（例如issue），但尚未找到它。