Улучшение читабельности кода через cx, сlsx или className

Имеется функция, которая возвращает объект специально для cx. Объект такого типа { border: '1px solid red' } (определение свойства специально в кавычках для cx).

Элемент, который стилизуется выглядит так:

<Box className={styles.styleForElement} sx={style}>

И таких элементов достаточно много.

Мой вопрос вот в чём: Возможно ли сделать так, чтобы это было записано в один класс (без использования дополнительных либ, так как с ними строго) либо className либо sx, допустим:

<Box className={styles}> // где styles - стили styles.styleForElement + ОБЪЕКТ style