Toggle text breaks to new lines

[clarebyrne]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.
When browser is in Chinese langauge (eg Chrome: Chinese Simplified/traditional/Hong Kong) toggle text breaks to a new line for each character.

Is this issue related to a specific component?
ToggleSmall.js

What did you expect to happen? What happened instead? What would you like to
see changed?
Add 'white-space: nowrap' property to toggle__text--on/toggle__text--off, this fixes issue

What browser are you working in?
Chrome

Steps to reproduce the issue

1. Step one
   Go to toggle small in Storybook https://react.carbondesignsystem.com/?path=/story/toggle--toggled
2. Step two
   Change toggle text to Chinese characters, eg 已啟用

Additional information

• Screenshots or code

• Notes