breaking: modernize project

[christian-bromann]

This patch will modernize the Ionicons project, it includes the following changes:

• updates dependencies
• update build scripts
• update docs deferred to Improve documentation on how to use Ionicons #1448

[thetaPC]

The cheat sheet has broken links when clicking on an icon, might be worth fixing.

It might beneficial to add more comments of what's going on. We don't often work in this repo so comments would be a nice refresher.

[christian-bromann]

@brandyscarney @thetaPC thanks for the review, I've addressed the feedback.

[brandyscarney]

Do you know why fill="currentColor" was added to these 3 svgs? I don't see it in any others except for src/svg/chevron-collapse-sharp.svg

[christian-bromann]

It was requested in some of the issues I triaged. Do you have any concerns with the change?

[brandyscarney]

I tested setting color on each of them without fill="currentColor" and they seem to still work fwiw

[brandyscarney]

Sorry I didn't see your reply when I added my 2nd comment. We ran into some issues in the past with stroke:#000 being added to the svgs and it caused issues with being able to override the color, so I am always overly cautious here, but this change shouldn't do that.

I am curious how to reproduce the problem in #1420 though because I tried setting the color directly and still see it inheriting on the dots:

<ion-icon style="color: red" name="bowling-ball-outline"></ion-icon>
<ion-icon style="color: red" name="chevron-collapse-sharp"></ion-icon>
<ion-icon style="color: red" name="information-circle-outline"></ion-icon>
<ion-icon style="color: red" name="warning-outline"></ion-icon>

<ion-icon color="primary" name="bowling-ball-outline"></ion-icon>
<ion-icon color="secondary" name="chevron-collapse-sharp"></ion-icon>
<ion-icon color="tertiary" name="information-circle-outline"></ion-icon>
<ion-icon color="success" name="warning-outline"></ion-icon>

[brandyscarney]

Here's a related issue: #1129

[brandyscarney]

Everything looks good in my testing! Non-blocking comment on the svgs adding fill="currentColor".

It might be helpful if we add a note in the Contributing guide on how to setup and run the Playwright tests (including installing Playwright), but I don't think it's required for this PR.

Thanks for doing this! Great work. 🚀

One thing to note — we should discuss whether or not this should be merged into main or if we should put it into a feature branch.

[thetaPC]

LGTM, I only have a non-blocking comment.

[christian-bromann]

we should discuss whether or not this should be merged into main or if we should put it into a feature branch.

Can you elaborate on this?

[brandyscarney]

As discussed offline, this will be merged into main and released as a major.