Как реализовать систему дизайн-токенов в React?

Дизайн-токены — это именованные значения визуальных свойств (цвета, отступы, шрифты, тени), которые формируют единый язык между дизайном и кодом. В React реализуются через CSS Custom Properties, TypeScript-константы или theme-объекты (styled-components, Tailwind). Токены обеспечивают консистентность UI и упрощают смену темы (светлая/тёмная).