Emotion preset update

[ben-rogerson]

This PR upgrades the { preset: "emotion" } option to use the new imports added in emotion@11 (released 12th Nov 2020). See #184 for more info.

Using the preset

Add { preset: "emotion" } to your twin config.
The css and GlobalStyles imports will import from @emotion/react.

Adding { preset: "emotion" } is the equivalent of this import config:

{
  preset: 'emotion',
  styled: {
    import: 'default',
    from: '@emotion/styled',
  },
  css: {
    import: 'css',
    from: '@emotion/react',
  },
  global: {
    import: 'Global',
    from: '@emotion/react',
  },
}

@emotion/core

Before version 11, the imports came from @emotion/core.
If you‘re using older versions then add these imports to your twin config:

{
  preset: 'emotion',
  styled: {
    import: 'default',
    from: '@emotion/styled',
  },
  css: {
    import: 'css',
    from: '@emotion/core',
  },
  global: {
    import: 'Global',
    from: '@emotion/core',
  },
}