feat(styles): add support for IBM Plex from the @ibm/plex package (#10205)

* feat(carbon-react): add new scss exports and update plex stories

* feat(styles): add support for IBM Plex Mono, Sans, Serif

* feat(styles): add support for IBM Plex Sans Devanagari

* feat(styles): add support for IBM Plex Sans Hebrew

* feat(styles): add support for IBM Plex Thai, IBM Plex Thai Looped

* fix(styles): update font family for IBM Plex Sans Thai

* docs(styles): update fonts docs with supported fonts

* chore(styles): remove reference to css--plex-arabic

* docs(fonts): update docs with font weights

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

Author: joshblack

packages/carbon-react/.storybook/styles.scss

@@ -5,12 +5,7 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@use '../index.scss' as styles with (
-  $css--font-face: true,
-  $css--plex-arabic: true,
-);
-@use '../scss/components/button';
-@use '../scss/components/tag';
+@use '../index.scss' as styles;
 
 :root {
   @include styles.theme(styles.$white);
@@ -31,16 +26,3 @@
 body {
   background: styles.$background;
 }
-
-html[lang='en'] body {
-  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
-}
-
-html[lang='ar'] body {
-  font-family: 'IBM Plex Sans Arabic', 'Helvetica Neue', Arial, sans-serif;
-}
-
-.text-mono {
-  font-family: 'IBM Plex Mono', Menlo, 'DejaVu Sans Mono',
-    'Bitstream Vera Sans Mono', Courier, monospace;
-}

packages/carbon-react/scss/fonts/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts';

packages/carbon-react/scss/fonts/_mono.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/mono';

packages/carbon-react/scss/fonts/_sans-arabic.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-arabic';

packages/carbon-react/scss/fonts/_sans-devanagari.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-devanagari';

packages/carbon-react/scss/fonts/_sans-hebrew.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-hebrew';

packages/carbon-react/scss/fonts/_sans-thai-looped.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-thai-looped';

packages/carbon-react/scss/fonts/_sans-thai.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-thai';

packages/carbon-react/scss/fonts/_sans.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans';

packages/carbon-react/scss/fonts/_serif.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/serif';