Moin Jason! Als Input wenn du heut in das Styling der Site einsteigst, sind mir noch ein paar Punkte eingefallen:
emotion bietet verschiedene Ansätze Styles in react zu schreiben, wobei manche performanter sind als andere. Grundsätzlich ist es empfohlen Styles “dry” und statisch zu halten, damit sie nicht bei jedem Render neu geparst, serialisiert und angewendet werden. In den Docs wird das u.a. hier beschrieben:
https://emotion.sh/docs/best-practices
Dynamische styles, die z.b. abhängig von Props einer Komponente sind, können z.B. easy und performant über classes oder data-attributes abgebildet werden.
Dynamic styles (nicht so performant):