can i import scss file as variable with js ,like import styles from ‘./index.scss’?

i see antd mobile web import less file into ts file ,since react doesnot support less by default,i want to import scss file into my js file as a variable.The code as follows:

tsx file:

import styles from './demo1.less'

<Grid.Item>
        <div className={styles['grid-demo-item-block']}>A</div>
      </Grid.Item>

less file:

    .grid-demo-item-block {
  border: solid 1px #999999;
  background: #f5f5f5;
  text-align: center;
  color: #999999;
  height: 100%;
}