-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Description
The problem
Modern frameworks like Next.js and Remix require build time CSS compilation to work with features like React-Server-Components.
Because of these there has been a mass migration from CSS-IN-JS library like emotion to build time libraries like linaria, panda, styleX. These libraries though do not offer a 1 to 1 match for some emotions features like csscolor: red;
and css={{color: 'red'}}
https://github.com/atlassian-labs/compiled
Compiled from Atlassian has finally solved the migration gap offering APIs matching emotion CSS (except for the dynamic const textColor = color => csscolor: ${color};
which can't be achieved at build time (?)
Proposed solution
Release a new major version 12 which switches to build time by default following Compiled Atlassian library.
This will avoid all emotion users to eventually migrate away to other CSS libraries.