fix: keep SVG viewBox so icons scale instead of clipping (#715)

Author: tyhonchik

.changeset/keep-svg-viewbox.md

@@ -0,0 +1,5 @@
+---
+"@aragon/gov-ui-kit": patch
+---
+
+Keep the `viewBox` on bundled SVG icons so they scale correctly when rendered below their intrinsic 16px size (e.g. `size-3` in small buttons) instead of being clipped.

rollup.config.mjs

@@ -52,7 +52,19 @@ export default [
                 ],
             }),
             images({ include: ['**/*.png', '**/*.jpg'] }),
-            svgr(),
+            svgr({
+                // Keep the viewBox so icons scale instead of getting clipped when
+                // rendered at a size other than their intrinsic 16px (e.g. size-3 in
+                // small buttons). SVGO's preset-default removes it by default.
+                svgoConfig: {
+                    plugins: [
+                        {
+                            name: 'preset-default',
+                            params: { overrides: { removeViewBox: false } },
+                        },
+                    ],
+                },
+            }),
             terser(),
         ],
     },