[Task] Evaluate moving away from runtime CSS aka StyledComponents

[SatishGandham]

• Explore Linaria and tailwind css
• List where we are using styled component only features like dynamic css, global styles
• Is it feasible to switch to alternates listed above.

[segfall]

I absolutely recommend moving away from Styled Components. It inhibits styling of your Appsmith Apps outside of the editor.

If you look at Oracle APEX Application Builder, in particular the source of the page, you'll see that they do not restrict the css classnames for each element. That decision enabled realtime, advanced theming.

[yaldram]

Some css-in-js libraries with low / no runtime costs. These libraries have an awesome theming system and first in class typescript support -

• stitches (https://stitches.dev/)
• vanilla extract (https://vanilla-extract.style/)