Prevent orphans when using Text component

[TayKangSheng]

Summary

Add support for text-wrap property on the Text component so that we can prevent orphans in our text.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap

Rationale

We have various banners in our App to guide merchants at different step of their onboarding. We would like to use text-wrap: balance or text-wrap: pretty property on the text in the banners to prevent orphans when rendering the banner in different screen width.