Twenty Seventeen: update screen-reader-text to reset word-wrap

[afercia]

Twenty Seventeen makes use of the CSS property word-wrap set to break-word on a few elements, most notably #page. When inherited by elements visually hidden with the screen-reader-text class, screen readers may read out words ignoring spaces between words. This issue was already addressed in core, see #31962

I'd recommend to use the same solution adopted by core, resetting the property to normal where needed and, to be safe, consider to use !important:

word-wrap: normal !important;

After resetting to normal:

Additionally, I'm not sure there's the need for the prefixed -ms- version, apparently it was used as alias by IE 8:
​https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

IE8 introduced -ms-word-wrap as a synonym for word-wrap. Don't use the -ms- prefix.

[afercia]

Worth noting this was done also for Twenty Sixteen, ​see commit on GitHub. Not having history of these kind of things on SVN is a bit unfortunate.

[davidakennedy]

In 39207:

Twenty Seventeen: Update screen-reader-text to reset word-wrap

This resets the property to normal where needed and, to be safe, uses !important. It avoids screen readers reading out words ignoring spaces between words in some cases.

Props afercia.

Fixes #38764.