Fix text-break in IE and Edge Legacy

[ihorzenich]

Fix #29319 again.
Correcting Backport #30932 to v4

word-break didn't support break-word value in IE and Edge Legacy
overflow-wrap is absent in IE/Edge Legacy (it's modern replace for word-wrap)
So we need to add back word-wrap: break-word for IE and Edge Legacy.

[XhmikosR]

Thanks for the PR, but please always make sure CI passes.

[ihorzenich]

@XhmikosR thanks, could you please clarify how should I proceed with Lint errors in files below?

/home/runner/work/bootstrap/bootstrap/js/src/button.js
/home/runner/work/bootstrap/bootstrap/js/src/modal.js
/home/runner/work/bootstrap/bootstrap/js/src/scrollspy.js

I didn't touch them, they're the same as current upstream v4-dev branch.

[XhmikosR]

Those are not errors, they are warnings and unrelated. https://github.com/twbs/bootstrap/pull/31727/checks?check_run_id=1152664809#step:6:53

[XhmikosR]

BTW I see why you got confused; GitHub changed something in regard to Actions and the Stylelint errors are not highlighted like the warnings or the parent failed commit. Either way it should be pretty trivial to fix, but for future reference better clone the repo locally so that you run the tests.

[ihorzenich]

@XhmikosR thanks, I've fixed lint error and updated PR, please review.

[XhmikosR]

@twbs/css-review can I have a review just so that we are safe please?

[ihorzenich]

@XhmikosR I've added more detailed comments how .text-break rules works.

[XhmikosR]

@mdo this whole section needs grammar fixes and personally I find it too verbose

[mdo]

See #31793.