Internal issue 3238 - Accessibility: ic-stepper doesn't fully support wcag 1.4.4 resize text

Nobody has claimed this yet.

## Steps to reproduce

- Open the default ic-stepper react stackblitz from the docs
- Apply the [gov uk resize text bookmarklet](https://accessibility.education.gov.uk/tools-testing/tools/resize-text) - NOTE: bookmarklets are small javascripts that you save as a bookmark in your browser, when activated they run that script
- See that the stepper now overflows and you need to scroll horizontally to see it

I also get the same behaviour without the bookmarklet when I increase the font size in my chrome settings.

## Expected behaviour

When the bookmarklet is applied, the lines between the steps shrink so that the stepper fits on the screen without horizontal scrolling

If the lines would need to shrink below some minimum value that would look weird, the mobile variant of the stepper should be displayed instead.

## Impact

This is causing my app to not meet [WCAG success criterion 1.4.4 resize text|https://www.w3.org/TR/WCAG21/#resize-text] because, while the resize takes place, I believe that the requirement to scroll both horizontally and vertically to use the app counts as “loss of content/functionality”.

Start with the default ic-stepper React StackBlitz from the docs and reproduce the overflow using the GOV.UK resize-text bookmarklet or increased Chrome font size. The change is done when resized text fits without horizontal scrolling, using the mobile stepper variant if the connecting lines would become too short.

Written by the indexing model from the issue text.