Упрощение стилей

Имеются элементы такого вида:

 <Typography
    className={styles.element}
    sx={{ color: `${getColor(status)}` }}>
                {state}
</Typography>

Возможно ли упростить данную конструкцию? В проекте используется scss, material, clsx(только ввели, им я ещё не особо пользовался)