docs(storybook): migrated to the modern config format

.storybook/main.js

@@ -0,0 +1,11 @@
+const webpack = require('webpack');
+
+module.exports = {
+  stories: ['../src/**/stories.js'],
+  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
+  webpackFinal: config => {
+    config.plugins.push(new webpack.DefinePlugin({'process.env': {ANY_SEED: JSON.stringify(0.4070123094134033)}}));
+
+    return config;
+  }
+};

.storybook/preview.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import {addDecorator} from '@storybook/react';
+import {fontFamily, fontSize} from '../src/styles';
+
+global.__PATH_PREFIX__ = '';                                            // eslint-disable-line no-underscore-dangle
+global.__BASE_PATH__ = '';                                              // eslint-disable-line no-underscore-dangle
+
+addDecorator(story => (
+  <div css={{fontFamily, fontSize}}>
+    {story()}
+  </div>
+));

package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "clean": "rimraf lib/",
     "lint:md": "remark --frail .",
-    "lint:js": "eslint . .storybook --cache",
+    "lint:js": "eslint . .storybook/ --cache",
     "lint:travis": "travis-lint .travis.yml",
     "lint:peer": "npm ls --production >/dev/null",
     "tests:unit": "mocha 'src/**/*-test.js'",
@@ -53,7 +53,7 @@
     "@dsmjs/eslint-config-react": "1.1.32",
     "@dsmjs/remark-preset-lint": "1.0.7",
     "@emotion/babel-preset-css-prop": "^10.0.27",
-    "@percy-io/percy-storybook": "2.1.0",
+    "@percy/storybook": "3.3.0",
     "@storybook/addon-actions": "^5.2.4",
     "@storybook/addon-links": "^5.2.4",
     "@storybook/react": "^5.2.4",