fix(components): fix cross browser inconsistencies (#639)

* fix(components): show Input outline on iOS

* docs(components): mark Checkbox as valid when checked

* fix(components): position prev/next month buttons in Calendar

* fix(docs): make Card height dynamic in Storybook

* fix: upgrade @sumup/design-tokens to restore IE11 compat

* fix(configs): transpile @sumup dependencies

* fix: upgrade @sumup/design-tokens again

* style(configs): remove obsolete comments

.storybook/main.js

@@ -1,19 +1,32 @@
 module.exports = {
   stories: [
     '../src/**/*.(stories|story).(js|ts|tsx|mdx)',
-    '../docs/**/*.(stories|story).(js|ts|tsx|mdx)'
+    '../docs/**/*.(stories|story).(js|ts|tsx|mdx)',
   ],
   addons: [
     {
       name: '@storybook/preset-typescript',
-      options: { transpileManager: true }
+      options: { transpileManager: true },
     },
     '@storybook/addon-docs/',
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
     '@storybook/addon-links',
     '@storybook/addon-knobs',
     '@storybook/addon-a11y',
-    '@storybook/addon-viewport'
-  ]
+    '@storybook/addon-viewport',
+  ],
+  webpack: (config) => {
+    config.module.rules = config.module.rules.map((rule) => {
+      // We want to override the rule for `.js` files only.
+      if (rule.test && rule.test instanceof RegExp && rule.test.test('.js')) {
+        return {
+          ...rule,
+          exclude: /node_modules\/(?!(@sumup|acorn-jsx)\/).*/,
+        };
+      }
+      return rule;
+    });
+    return config;
+  },
 };