Передача свойств из компонента ts для использования в SASS

Question

Я пытаюсь передать некоторые свойства (высоту и ширину) компоненту Icon (который может принимать только 3 свойства className path и viewBox), поэтому я не могу использовать встроенный стиль для добавления ширины и высоты. Есть ли способ передать те свойства высоты и ширины, которые будут использоваться в Sass? вот этот компонент:

import React, { memo } from 'react';
import { Icon } from '@kame/ui';
import classNames from 'classnames';
import styles from './creation-button.module.scss';

type Props = {
  icon: {
    path: string;
    viewBox: string;
    height: 20px
    width: 20px
  };
  title: string;
  onClick: () => void;
  key: string;
};

function CreationButton(props: Props): JSX.Element {
  return (
    <button onClick={props.onClick} type="button" className={styles['button']}>
      <div className={styles['button__icon-container']}>
        <Icon
          className={styles['button__icon']}
          path={props.icon.path}
          viewBox={props.icon.viewBox}
        />
      </div>
      <span className={styles['button__title']}>{props.title}</span>
    </button>
  );
}

export default memo(CreationButton);