RFC: next-yak

[SebiVPS]

Description

Replaced styled-components with next-yak.

To Be Discussed:

• I used contants instead of full theme context. next-yak would provide theming, but its solved with local cookies. When we use CSS variables for theming, we do not need full theme context support.

Solutions for missing features:

• currently .withConfig and the as prop are not supported. -> Solution to replace as usage?
• no replacement for createGlobalStyle found (how to solve DisableBodyScroll gobal style?

ToDos:

• improve global.css (how to use yak constants?)

To test:

• Usage with Real Server Components
• Performance
• Full test of all components

Recap

Good

• Easy to use (DevXP), same syntax as styled-components.

Not so good

• missing features (as and createGlobalStyle - we will find solutions for that)
• Compatibility (we are behind with next and react, so we are forced to use v2 for now)

next-yak	Next.js	react	swc_core
4.x	>= 15.0.4	19.x	5.0.1
3.x	15.x	18.x / 19.x	3.0.2
2.x	14.x	18.x / 19.x	0.279.0

[SebiVPS]

To make the migration from the old solution even simpler, we could export here one "theme" object with the same structure like before with all constants, instead of multiple separated objects. Noticed that a bit too late.