Change Style import to import directly from @compiled/style

It means for people who can’t rely on treeshaking they still get the smallest bundle size. We can also potentially be in trouble for name clashes, so throw an underscore in there for good measure.

Before

import { Style } from '@compiled/css-in-js';

After

import _Styl from '@compiled/style';

[itsdouges]

O DAM HES JUMPIN IN cc @danieldelcore look at him go

yeah exactly! this will be a good issue to work on to familiarize you with typescript transformers too.

one nuance will be needing to ensure @compiled/css-in-js import gets removed - which means every api transformer needs to check “am i the last compiled import” and then when they remove themselves - they also remove the entire import declaration

you can see the current logic inside packages/ts-transform/src/utils/visit-source-file-ensure-style-import.tsx

[itsdouges]

FYI this will affect you https://github.com/atlassian-labs/compiled-css-in-js/pull/187