fix(preview): styles needed to be updated (#20571)

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

Author: ariellalgilmore

packages/react/src/components/AILabel/ailabel-story.scss

@@ -188,7 +188,7 @@
   height: 200px;
 }
 
-.ai-label-experimental-radio-tile-container {
+.ai-label-preview-radio-tile-container {
   @include tile.tile(
     $enable-experimental-tile-contrast: true,
     $enable-v12-tile-radio-icons: true

packages/react/src/components/ComposedModal/ComposedModalPresence.featureflag.stories.js

@@ -50,7 +50,7 @@ export const EnablePresence = (args) => {
           Launch composed modal
         </Button>
         <ClassPrefix prefix="presence">
-          <div className="experimental-modal-with-presence">
+          <div className="preview-modal-with-presence">
             <ComposedModal
               {...args}
               open={open}

packages/react/src/components/ComposedModal/ComposedModalPresence.stories.scss

@@ -14,7 +14,7 @@
 @use '@carbon/react/scss/components/text-input/text-input';
 @use '@carbon/react/scss/components/select/select';
 
-.experimental-modal-with-presence {
+.preview-modal-with-presence {
   @include modal.modal(
     $enable-experimental-focus-wrap-without-sentinels: false,
     $enable-dialog-element: false,

packages/react/src/components/Modal/Modal.stories.scss

@@ -15,7 +15,7 @@
 @use '@carbon/react/scss/components/dropdown/dropdown';
 @use '@carbon/react/scss/components/multiselect/multiselect';
 
-.experimental-modal {
+.preview-modal {
   @include modal.modal(
     $enable-experimental-focus-wrap-without-sentinels: true,
     $enable-dialog-element: true

packages/react/src/components/Modal/ModalPresence.featureflag.stories.js

@@ -49,7 +49,7 @@ export const EnablePresence = () => {
         }>
         <Button onClick={() => setOpen(true)}>Launch modal</Button>
         <ClassPrefix prefix="dialog-refactor">
-          <div className="experimental-modal-with-presence">
+          <div className="preview-modal-with-presence">
             <Modal
               open={open}
               onRequestClose={() => setOpen(false)}

packages/react/src/components/Modal/ModalPresence.stories.scss

@@ -15,7 +15,7 @@
 @use '@carbon/react/scss/components/dropdown/dropdown';
 @use '@carbon/react/scss/components/multiselect/multiselect';
 
-.experimental-modal-with-presence {
+.preview-modal-with-presence {
   @include modal.modal(
     $enable-experimental-focus-wrap-without-sentinels: false,
     $enable-dialog-element: false,

packages/react/src/components/Tile/tile-story.scss

@@ -8,7 +8,7 @@
 @use '@carbon/react/scss/components/tile';
 @use '@carbon/react/scss/type';
 
-.experimental-tile {
+.preview-tile {
   @include tile.tile(
     $enable-experimental-tile-contrast: true,
     $enable-v12-tile-radio-icons: true