Bundle GitLab UI CSS with Rollup

Sarah Germanrequested to merge
gitlab-ui-rollup into main

What does this MR do and why

  1. Imports GitLab UI CSS files using Rollup.
  2. Replaces rollup-plugin-svg with @rollup/plugin-image.
  3. Adjusts the nanoc build step to only copy over GitLab UI CSS source-maps.

Benefits:

  • Move more frontend assets into Rollup/JS for compiling and importing.
  • Fixes SVG-related issues when using GitLab UI components (this, and probably also this).

Testing

  1. Verify the build still works fine
  2. Verify GitLab UI CSS and SVGs load as expected (if GitLab UI CSS does not load, the layout will be very broken; if SVGs aren't loading, you'd see broken icons)

Merge request reports