Какие есть варианты избавиться от inline-стилей в React-компоненте?

Стили можно вынести в CSS/SCSS, CSS Modules, utility-классы или выбранную CSS-in-JS систему.

Постоянные значения обычно удобнее хранить в классах, а динамические — выражать вариантами класса или CSS-переменными. Полное удаление inline-стилей не самоцель: оцените читаемость, CSP и способ передачи вычисляемых значений.