Map dynamic variables to css variables

... to avoid remounting the same styles with dynamic expressions multiple times...

Inspired by https://compiledcssinjs.com/

```jsx
import React from 'react';
import { CC, CS } from '@compiled/css-in-js';
export const EmphasisText = (props) => {
const color = props.massive ? '#00B8D9' : '#36B37E';
return (


{[
'.cc-vmwvfg{color:var(--var-1ylxx6h);text-transform:uppercase;font-weight:600}',
]}


{props.children}


);
};
```