[ic-page-header/ic-stepper] Text resize makes the stepper overflow

## Summary of the bug
When updating text to 200% resize, the stepper overflows the page header and therefore requires horizontal scrolling.

## 🪜 How to reproduce
Tell us the steps to reproduce the problem:
1. Go to any page header example with a stepper
2. Resize text to 200% or extra large etc.
3. See the error

## 📸 Screenshots or code

## 🧐 Expected behaviour
The connector widths should react to the new text size and remain inside the page header.

Start with the ic-page-header and ic-stepper implementations or their page-header examples, then reproduce the problem at 200% text size. Trace how connector widths respond to enlarged step text. Done means the stepper remains within the page header without horizontal scrolling at the reported text sizes.

Written by the indexing model from the issue text.