Plugin does not work for Storybook about babel-plugin-twin

[ben-rogerson]

The installation in storybook is a little different.
I've just updated the storybook + emotion example to show the new setup where we alter the storybook babel config in main.js.

// .storybook/main.js
const path = require('path')
const fs = require('fs')

module.exports = {
  stories: [
    '../src/components/**/*.stories.mdx',
    '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
  ],
  addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
  babel: async options => {
+    options.plugins.unshift('babel-plugin-twin')
    options.presets.push('@emotion/babel-preset-css-prop')
    return options
  },
  webpackFinal: async config => {
    config.resolve.alias = {
      '@emotion/core': getPackageDir('@emotion/react'),
      '@emotion/styled': getPackageDir('@emotion/styled'),
    }
    return config
  },
}

//...