Drop ios 10,11,12 support in browserslist-config

[BPScott]

In our browserslist config we target ios/safari 10 as a minimum version. This is old and can be updated.

This is because Shopify mobile apps supported ios 10 and they sometimes rendered webviews that shown pages from web apps. Thus the web apps needed to support ios 10 too.

As part of the Drop ios 10,11,12 Vault project mobile apps dropped support for ios 10,11 and 12, on June 1st. This meant the newest version of the apps will not install on ios versions older than 13. However there are existing apps already installed on ios 10/11/12 devices. The mobile team specified a guideline that web apps that render webviews used within mobile apps may drop support for older ios devices one month after the apps themselves drop support. See discussion in https://github.com/Shopify/core-issues/issues/23657.

As of July 1st (i.e. right now) we can drop support for ios 10,11 and 12 in our web properties - updating our minimum supported ios version to match the ios apps.

Use npx browserlist "SOMEQUERY" to determine the right query to use. I note strangely npx browserslist "ios_saf >= 13.6" does not return the known browser "ios_saf 13.4-13.7" yay bugs :(

Work to be done:

• Confirm what the minimum supported version is - is it 13.0 or is it a point version? This vault project update suggests 13.6 is the minimum ios version.
• Determine the correct browserlist query to target our minimum supported browser
• Update https://github.com/Shopify/web-configs/blob/main/packages/browserslist-config/index.js, changing the safari and ios keys. This is a breaking change. :: Bump Safari / iOS minimum supported versions #274
• Update sewing-kit to depend up on the new version of browserslist-config and release the change. Write a migration guide that tells people to update their local version fo @shopify/browserslist-config if they have one in place of the defaults sk provides :: https://github.com/Shopify/sewing-kit/pull/2788
• Update web's browserslist config to use the the newest version :: https://github.com/Shopify/web/pull/46515
• Update polaris-react's v7 branch's browserlist config (libraries can't extend from existing browserlists for transitive dependency weirdness reasons) - https://github.com/Shopify/polaris-react/blob/v7.0.0-release/package.json#L163-L164 :: Update browserslist to match shopify/browserslist-config v3.0.0 polaris#4304
• Tell people about this update with a slack message in web-foundations
• Update https://vault.shopify.io/pages/1524-Browser-support with information about new ios version support

[BPScott]

Yo @jasonkemp9099, can you confirm what the minimum supported iOS version is now? https://vault.shopify.io/projects/18219#status-update-103391 suggests 13.6?

[jasonkemp9099]

@BPScott that's correct!

[BPScott]

@jasonkemp9099 thanks for confirming!

---

It looks like browserslist is slightly funky around it's unusual storage of ios safari versions. To support 13.6, we need to target ios >= 13.4 because the browser target is ios_saf 13.4-13.7

npx browserslist 'ios >= 13.4' gives us the browser targets:

ios_saf 14.5-14.7
ios_saf 14.0-14.4
ios_saf 13.4-13.7

While npx browserslist 'ios >= 13.6' omits ios_saf 13.4-13.7.

[BPScott]

All done for now!

Well, the version of sk containing the PR to update the browserslist config hasn't yet been released, but that'll be done soon enough.

We can update targets in quilt at a later date - bumping minimum node versions to ^12.22.0 || ^14.17.0 to ensure a version with stable esmodules would be useful to do at the same time for skn related reasons.