Update rollup v2

package.json

@@ -55,6 +55,9 @@
     "@guardian/src-link": "^3.3.0",
     "@guardian/src-text-input": "^3.3.0",
     "@guardian/types": "^3.0.0",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^17.1.0",
+    "@rollup/plugin-node-resolve": "^11.2.0",
     "@storybook/addon-actions": "^6.1.18",
     "@storybook/addon-essentials": "^6.1.18",
     "@storybook/addon-links": "^6.1.18",
@@ -81,12 +84,9 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-scripts": "3.3.0",
-    "rollup": "^1.17.0",
-    "rollup-plugin-babel": "^4.3.3",
+    "rollup": "^2.40.0",
     "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-commonjs": "^10.0.2",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-visualizer": "^4.0.4",
+    "rollup-plugin-visualizer": "^4.2.0",
     "storybook-chromatic": "^4.0.2",
     "ts-jest": "^26.5.0",
     "ts-loader": "^8.0.14",

rollup.config.js

@@ -1,7 +1,7 @@
 import pkg from './package.json';
-import babel from 'rollup-plugin-babel';
-import resolve from 'rollup-plugin-node-resolve';
-import commonjs from 'rollup-plugin-commonjs';
+import { babel } from '@rollup/plugin-babel';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
 import clear from 'rollup-plugin-clear';
 import visualizer from 'rollup-plugin-visualizer';
 
@@ -33,7 +33,9 @@ module.exports = {
         clear({
             targets: ['build/'],
         }),
-        babel({ extensions }),
+        babel({ 
+            extensions,
+        }),
         resolve({ extensions }),
         commonjs(),
         visualizer({ filename: 'build/stats.html' }),