Dashboard icon not visible in admin-navigation if css is aggregated

Problem/Motivation

When css is aggregated, the Dashboard icon in gin admin-navigation does not show up.

Inspecting the code in browser,
when no preprocess is activated, css is
--icon: url(../../media/sprite.svg#grid-view);
(working)

when aggregated, css is
--icon: url(/modules/contrib/varbase_dashboards/media/sprite.svg#grid-view);
(not working)
while it is
--icon: url(/themes/contrib/gin/dist/media/sprite.svg#create-view);
for the other admin-navigation icons
(/themes/contrib/gin/dist/media/sprite.svg#grid-view is working when set manually)

Steps to reproduce

Activate css aggregation preprocess => no icon
Deactivate css aggregation preprocess => icon is visible

Proposed resolution

We could
- set preprocess: true for the css in admin-navigation library
- set icon path from drupal root instead of relative
but neither looks right / future proof

Do we need to use a hook_css_alter or another one to set the proper path ?

Remaining tasks

• ✅ File an issue about this project
• ❌ Addition/Change/Update/Fix to this project
• ❌ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ❌ Code review from 1 Varbase core team member
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ❌ Update Release Notes and Update Helper on new feature change/addition
• ❌ Release

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• N/A