@carbon/ibm-products 2.83.0 → 2.84.0

package/scss/components/ActionSet/_action-set.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2023
+// Copyright IBM Corp. 2021, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
 
 @use '../../global/styles/project-settings' as c4p-settings;
 
@@ -34,10 +35,10 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
   }
 }
 
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set
-  .#{$action-set-block-class}__action-button.#{c4p-settings.$carbon-prefix}--btn.#{c4p-settings.$carbon-prefix}--btn--expressive,
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set
-  .#{$action-set-block-class}__action-button.#{c4p-settings.$carbon-prefix}--btn {
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set
+  .#{$action-set-block-class}__action-button.#{carbon-config.$prefix}--btn.#{carbon-config.$prefix}--btn--expressive,
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set
+  .#{$action-set-block-class}__action-button.#{carbon-config.$prefix}--btn {
   max-inline-size: none;
 }
 
@@ -90,19 +91,19 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
 // or any non-ghosts in extra large or 2xl,
 // or row-quadruple (non-ghost),
 // buttons are 25% width with a 2xl of 232px
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set.#{$action-set-block-class}--row-triple.#{$action-set-block-class}--lg
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set.#{$action-set-block-class}--row-triple.#{$action-set-block-class}--lg
   .#{$action-set-block-class}__action-button:not(
     .#{$action-set-block-class}__action-button--ghost
   ),
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set.#{$action-set-block-class}--xl
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set.#{$action-set-block-class}--xl
   .#{$action-set-block-class}__action-button:not(
     .#{$action-set-block-class}__action-button--ghost
   ),
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set.#{$action-set-block-class}--2xl
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set.#{$action-set-block-class}--2xl
   .#{$action-set-block-class}__action-button:not(
     .#{$action-set-block-class}__action-button--ghost
   ),
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set.#{$action-set-block-class}--row-quadruple
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set.#{$action-set-block-class}--row-quadruple
   .#{$action-set-block-class}__action-button:not(
     .#{$action-set-block-class}__action-button--ghost
   ) {
@@ -111,14 +112,14 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
   max-inline-size: to-rem(232px);
 }
 
-.#{$action-set-block-class}.#{c4p-settings.$carbon-prefix}--btn-set.#{$action-set-block-class}--row-quadruple
+.#{$action-set-block-class}.#{carbon-config.$prefix}--btn-set.#{$action-set-block-class}--row-quadruple
   .#{$action-set-block-class}__action-button--ghost {
   flex: 1 1 25%;
 }
 
 .#{$action-set-block-class}
   .#{$action-set-block-class}__action-button
-  .#{c4p-settings.$carbon-prefix}--inline-loading {
+  .#{carbon-config.$prefix}--inline-loading {
   position: absolute;
   inline-size: $spacing-07;
   inset-block-start: 0;

package/scss/components/AddSelect/_add-select.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2022, 2022
+// Copyright IBM Corp. 2022, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type';
 @use '@carbon/type/scss/font-family' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
 
 // Standard imports.
 @use '../../global/styles/project-settings' as *;
@@ -60,7 +61,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     justify-content: center;
   }
 
-  &-dropdown .cds--dropdown {
+  &-dropdown .#{carbon-config.$prefix}--dropdown {
     background: transparent;
   }
 
@@ -120,8 +121,8 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     color: $interactive;
   }
 
-  button.#{$block-class}__selections-view-children.#{$carbon-prefix}--btn--ghost.#{$carbon-prefix}--btn--icon-only
-    .#{$carbon-prefix}--btn__icon
+  button.#{$block-class}__selections-view-children.#{carbon-config.$prefix}--btn--ghost.#{carbon-config.$prefix}--btn--icon-only
+    .#{carbon-config.$prefix}--btn__icon
     path {
     fill: currentColor;
   }
@@ -244,10 +245,6 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
 
   &-search-bar {
     display: flex;
-
-    .#{$carbon-prefix}--btn {
-      border-block-end: 1px solid $border-strong-01;
-    }
   }
 
   .#{$carbon-prefix}--popover--tab-tip.#{$carbon-prefix}--popover--open
@@ -264,7 +261,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     display: flex;
   }
 
-  .#{$carbon-prefix}--overflow-menu {
+  .#{carbon-config.$prefix}--overflow-menu {
     border-block-end: 1px solid $border-strong-01;
   }
 }
@@ -363,11 +360,11 @@ button.#{$block-class}__global-filter-toggle {
 
 // overrides
 
-.#{$block-class}__selections .#{$carbon-prefix}--list-box__menu {
+.#{$block-class}__selections .#{carbon-config.$prefix}--list-box__menu {
   inset-inline-start: auto;
 }
 
-.#{$block-class}__tags .#{$carbon-prefix}--tag {
+.#{$block-class}__tags .#{carbon-config.$prefix}--tag {
   margin: 0;
 }
 
@@ -379,7 +376,7 @@ button.#{$block-class}__global-filter-toggle {
 
 .#{$block-class}.#{$tearsheet-class}.#{$tearsheet-class}--wide
   .#{$tearsheet-class}__content
-  .cds--dropdown {
+  .#{carbon-config.$prefix}--dropdown {
   background-color: transparent;
 }
 
@@ -393,7 +390,7 @@ button.#{$block-class}__global-filter-toggle {
 }
 
 .#{$block-class}.#{$block-class}__multi
-  .#{$pkg-prefix}--action-set.#{$carbon-prefix}--btn-set.#{$pkg-prefix}--action-set--max
+  .#{$pkg-prefix}--action-set.#{carbon-config.$prefix}--btn-set.#{$pkg-prefix}--action-set--max
   .#{$pkg-prefix}--action-set__action-button {
   max-inline-size: 11.25rem;
 }
@@ -403,27 +400,29 @@ button.#{$block-class}__global-filter-toggle {
 }
 
 .#{$block-class}
-  .#{$carbon-prefix}--modal-container--sm
-  .#{$carbon-prefix}--modal-content
+  .#{carbon-config.$prefix}--modal-container--sm
+  .#{carbon-config.$prefix}--modal-content
   p {
   padding-inline-end: 0;
 }
 
-.#{$block-class} .#{$carbon-prefix}--radio-button__appearance {
+.#{$block-class} .#{carbon-config.$prefix}--radio-button__appearance {
   margin: 0 $spacing-05 0 0;
 }
 
 .#{$block-class}
-  .#{$carbon-prefix}--radio-button-wrapper
-  .#{$carbon-prefix}--radio-button__label {
+  .#{carbon-config.$prefix}--radio-button-wrapper
+  .#{carbon-config.$prefix}--radio-button__label {
   justify-content: left;
 }
 
-.#{$block-class} .#{$carbon-prefix}--breadcrumb .#{$carbon-prefix}--link {
+.#{$block-class}
+  .#{carbon-config.$prefix}--breadcrumb
+  .#{carbon-config.$prefix}--link {
   cursor: pointer;
 }
 
-.#{$block-class} .#{$carbon-prefix}--accordion__item {
+.#{$block-class} .#{carbon-config.$prefix}--accordion__item {
   &:hover .#{$block-class}__sidebar-accordion-title button {
     opacity: 1;
   }
@@ -438,31 +437,31 @@ button.#{$block-class}__global-filter-toggle {
   max-inline-size: 16rem;
 }
 
-.#{$block-class} .#{$carbon-prefix}--accordion__arrow {
+.#{$block-class} .#{carbon-config.$prefix}--accordion__arrow {
   transform: rotate(0deg);
 }
 
 .#{$block-class}
-  .#{$carbon-prefix}--accordion__item--active
-  .#{$carbon-prefix}--accordion__arrow {
+  .#{carbon-config.$prefix}--accordion__item--active
+  .#{carbon-config.$prefix}--accordion__arrow {
   transform: rotate(90deg);
 }
 
 .#{$block-class}
-  .#{$carbon-prefix}--accordion--start
-  .#{$carbon-prefix}--accordion__arrow {
+  .#{carbon-config.$prefix}--accordion--start
+  .#{carbon-config.$prefix}--accordion__arrow {
   margin: 0 0 0 $spacing-05;
 }
 
 .#{$block-class}
-  .#{$carbon-prefix}--accordion--start
-  .#{$carbon-prefix}--accordion__title {
+  .#{carbon-config.$prefix}--accordion--start
+  .#{carbon-config.$prefix}--accordion__title {
   margin: 0 $spacing-05 0 $spacing-03;
 }
 
 .#{$block-class}
-  .#{$carbon-prefix}--accordion__item--active
-  .#{$carbon-prefix}--accordion__content {
+  .#{carbon-config.$prefix}--accordion__item--active
+  .#{carbon-config.$prefix}--accordion__content {
   margin-block-start: $spacing-03;
   padding-block: 0;
 }

package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2020, 2023
+// Copyright IBM Corp. 2020, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -10,6 +10,8 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities';
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 @use '../../global/styles/mixins' as *;
 
@@ -33,7 +35,7 @@ $_block-class: #{c4p-settings.$pkg-prefix}--breadcrumb-with-overflow;
   }
 
   .#{$_block-class}__breadcrumb-container
-    .#{c4p-settings.$carbon-prefix}--breadcrumb {
+    .#{carbon-config.$prefix}--breadcrumb {
     flex-wrap: nowrap;
     align-items: flex-start;
     inline-size: 100%;
@@ -52,22 +54,22 @@ $_block-class: #{c4p-settings.$pkg-prefix}--breadcrumb-with-overflow;
     }
   }
 
-  .#{$_block-class}__back__button.#{c4p-settings.$carbon-prefix}--btn {
+  .#{$_block-class}__back__button.#{carbon-config.$prefix}--btn {
     padding: 0;
     min-block-size: revert;
   }
 
-  .#{$_block-class}__back__button.#{c4p-settings.$carbon-prefix}--btn--ghost:hover {
+  .#{$_block-class}__back__button.#{carbon-config.$prefix}--btn--ghost:hover {
     background-color: inherit;
   }
 
   @include breakpoint-down(md) {
-    .#{c4p-settings.$carbon-prefix}--breadcrumb-item {
+    .#{carbon-config.$prefix}--breadcrumb-item {
       display: none;
     }
 
     .#{$_block-class}__breadcrumb-back,
-    .#{c4p-settings.$carbon-prefix}--breadcrumb-item:last-child {
+    .#{carbon-config.$prefix}--breadcrumb-item:last-child {
       display: inline-flex;
       vertical-align: middle;
     }
@@ -79,7 +81,7 @@ $_block-class: #{c4p-settings.$pkg-prefix}--breadcrumb-with-overflow;
     }
   }
 
-  .#{c4p-settings.$carbon-prefix}--breadcrumb-item:last-child {
+  .#{carbon-config.$prefix}--breadcrumb-item:last-child {
     display: inline-flex; // flex instead of block due to spacing
   }
 
@@ -88,7 +90,7 @@ $_block-class: #{c4p-settings.$pkg-prefix}--breadcrumb-with-overflow;
   }
 
   .#{$_block-class}__displayed-breadcrumb:last-child
-    .#{c4p-settings.$carbon-prefix}--link {
+    .#{carbon-config.$prefix}--link {
     display: inline-block;
     overflow: hidden;
     inline-size: 100%;

package/scss/components/ButtonMenu/_button-menu.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2023
+// Copyright IBM Corp. 2021, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -8,9 +8,11 @@
 // Standard imports.
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/components/button/tokens' as *;
-@use '../../global/styles/project-settings' as c4p-settings;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/config' as carbon-config;
+
+@use '../../global/styles/project-settings' as c4p-settings;
 
 // TODO: @use(s) of Carbon settings and component styles and other
 // related component styles used by ButtonMenu
@@ -21,26 +23,26 @@ $block-class: #{c4p-settings.$pkg-prefix}--button-menu;
 .#{$block-class} {
   min-inline-size: 160px;
   &.#{$block-class}__wrapper--primary,
-  &.#{$block-class}__wrapper--primary.#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
+  &.#{$block-class}__wrapper--primary.#{carbon-config.$prefix}--overflow-menu.#{carbon-config.$prefix}--overflow-menu--open {
     background-color: $button-primary;
   }
-  &.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__wrapper--primary:hover {
+  &.#{carbon-config.$prefix}--overflow-menu.#{$block-class}__wrapper--primary:hover {
     background-color: $button-primary-hover;
   }
 
   &.#{$block-class}__wrapper--tertiary,
-  &.#{$block-class}__wrapper--tertiary.#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
+  &.#{$block-class}__wrapper--tertiary.#{carbon-config.$prefix}--overflow-menu.#{carbon-config.$prefix}--overflow-menu--open {
     background-color: $button-tertiary;
   }
-  &.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__wrapper--tertiary:hover {
+  &.#{carbon-config.$prefix}--overflow-menu.#{$block-class}__wrapper--tertiary:hover {
     background-color: $button-tertiary-hover;
   }
 
   &.#{$block-class}__wrapper--ghost,
-  &.#{$block-class}__wrapper--ghost.#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
+  &.#{$block-class}__wrapper--ghost.#{carbon-config.$prefix}--overflow-menu.#{carbon-config.$prefix}--overflow-menu--open {
     background-color: transparent;
   }
-  &.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__wrapper--ghost:hover {
+  &.#{carbon-config.$prefix}--overflow-menu.#{$block-class}__wrapper--ghost:hover {
     background-color: $layer-hover;
   }
 
@@ -55,6 +57,6 @@ $block-class: #{c4p-settings.$pkg-prefix}--button-menu;
   }
 }
 
-.#{$block-class}__options.#{c4p-settings.$carbon-prefix}--overflow-menu-options::after {
+.#{$block-class}__options.#{carbon-config.$prefix}--overflow-menu-options::after {
   content: initial;
 }

package/scss/components/Card/_card.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2020, 2022
+// Copyright IBM Corp. 2020, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -12,8 +12,10 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/motion' as *;
-@use '../../global/styles/project-settings' as c4p-settings;
 @use '@carbon/styles/scss/utilities';
+@use '@carbon/styles/scss/config' as carbon-config;
+
+@use '../../global/styles/project-settings' as c4p-settings;
 
 $block-class: #{c4p-settings.$pkg-prefix}--card;
 
@@ -146,8 +148,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
   position: relative;
 }
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--slug,
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--ai-label {
+.#{$block-class} .#{carbon-config.$prefix}--slug,
+.#{$block-class} .#{carbon-config.$prefix}--ai-label {
   position: absolute;
   inset-block-start: $spacing-05;
   inset-inline-end: $spacing-05;
@@ -158,8 +160,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
   inset-block-start: $spacing-05;
   inset-inline-end: $spacing-05;
 
-  .#{c4p-settings.$carbon-prefix}--slug,
-  .#{c4p-settings.$carbon-prefix}--ai-label {
+  .#{carbon-config.$prefix}--slug,
+  .#{carbon-config.$prefix}--ai-label {
     position: relative;
     inset-block-start: unset;
     inset-inline-end: unset;
@@ -186,8 +188,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
   position: relative;
 }
 
-.#{$block-class}__clickable .#{c4p-settings.$carbon-prefix}--slug,
-.#{$block-class}__clickable .#{c4p-settings.$carbon-prefix}--slug-icon {
+.#{$block-class}__clickable .#{carbon-config.$prefix}--slug,
+.#{$block-class}__clickable .#{carbon-config.$prefix}--slug-icon {
   pointer-events: none;
 }
 
@@ -227,11 +229,11 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
   z-index: 1;
 }
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--slug-icon rect {
+.#{$block-class} .#{carbon-config.$prefix}--slug-icon rect {
   stroke: $icon-primary;
 }
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--slug-icon path {
+.#{$block-class} .#{carbon-config.$prefix}--slug-icon path {
   fill: $icon-primary;
 }
 

package/scss/components/Checklist/_checklist.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2023, 2023
+// Copyright IBM Corp. 2023, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -11,6 +11,8 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 
 @mixin ellipsis-2-lines {
@@ -78,7 +80,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--checklist;
 // The <IconButton> itself (class="...__toggle") is embedded inside two more tags,
 // which do not accept any class names passed via the <IconButton>.
 // So, we have to refer to it via it's "tooltip" wrapper element. :/
-.#{$block-class}__header .#{c4p-settings.$carbon-prefix}--tooltip {
+.#{$block-class}__header .#{carbon-config.$prefix}--tooltip {
   block-size: 2rem;
   margin-block-start: calc(-1 * $spacing-03);
   margin-inline: auto calc(-1 * $spacing-03);
@@ -102,7 +104,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--checklist;
 // Button to appear more like a link so it aligns better with the list text.
 // Override Primary button styling to appear more like a link.
 // "Unset" some settings to allow an inner div to enable multiple lines and an ellipsis if req'd.
-.#{$block-class}__button.#{c4p-settings.$carbon-prefix}--btn--primary {
+.#{$block-class}__button.#{carbon-config.$prefix}--btn--primary {
   @include type-style('body-short-01');
   // override bx--btn to allow two-line ellipsis
   /* stylelint-disable-next-line declaration-property-value-disallowed-list */
@@ -117,17 +119,17 @@ $block-class: #{c4p-settings.$pkg-prefix}--checklist;
 }
 // The CSS for the Carbon button's label is incompatible with two-line ellipsis,
 // but a div inside a Carbon button works.
-.#{$block-class}__button.#{c4p-settings.$carbon-prefix}--btn--primary div {
+.#{$block-class}__button.#{carbon-config.$prefix}--btn--primary div {
   @include ellipsis-2-lines();
 }
 
-.#{$block-class}__button.#{c4p-settings.$carbon-prefix}--btn--primary:hover {
+.#{$block-class}__button.#{carbon-config.$prefix}--btn--primary:hover {
   background: transparent;
   color: $link-primary-hover;
   text-decoration: underline;
 }
 
-.#{$block-class}__button.#{c4p-settings.$carbon-prefix}--btn--primary:active {
+.#{$block-class}__button.#{carbon-config.$prefix}--btn--primary:active {
   background: transparent;
   color: $text-primary;
   text-decoration: underline;

package/scss/components/Coachmark/_coachmark-overlay.scss

@@ -1,7 +1,7 @@
 /* stylelint-disable function-no-unknown */
 /* stylelint-disable max-nesting-depth */
 //
-// Copyright IBM Corp. 2023, 2024
+// Copyright IBM Corp. 2023, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -13,14 +13,16 @@
 
 // Standard imports.
 @use '@carbon/layout/scss/convert' as *;
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '../../global/styles/mixins';
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/colors' as *;
 @use '@carbon/styles/scss/components/button/tokens' as *;
 @use '@carbon/styles/scss/motion' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
+
+@use '../../global/styles/project-settings' as c4p-settings;
+@use '../../global/styles/mixins';
 // Define all component styles in a mixin which is then exported using
 // the Carbon import-once mechanism.
 
@@ -145,7 +147,7 @@ $draghandle-btn-class: #{$block-class}__handle;
 
   // BODY
   &__body {
-    .#{c4p-settings.$carbon-prefix}--btn--ghost {
+    .#{carbon-config.$prefix}--btn--ghost {
       color: $link-inverse;
 
       &:hover {
@@ -241,7 +243,7 @@ $draghandle-btn-class: #{$block-class}__handle;
   // THEME
   &__light {
     .#{$block-class}__body {
-      .#{c4p-settings.$carbon-prefix}--link {
+      .#{carbon-config.$prefix}--link {
         color: $link-inverse;
 
         &:hover {
@@ -257,7 +259,7 @@ $draghandle-btn-class: #{$block-class}__handle;
         }
       }
 
-      .#{c4p-settings.$carbon-prefix}--btn--ghost {
+      .#{carbon-config.$prefix}--btn--ghost {
         border-color: transparent !important;
         border-radius: 0;
         outline: 1px solid transparent;
@@ -304,7 +306,7 @@ $draghandle-btn-class: #{$block-class}__handle;
 
   &__dark {
     .#{$block-class}__body {
-      .#{c4p-settings.$carbon-prefix}--link {
+      .#{carbon-config.$prefix}--link {
         color: #0062fe;
 
         &:hover {
@@ -321,7 +323,7 @@ $draghandle-btn-class: #{$block-class}__handle;
         }
       }
 
-      .#{c4p-settings.$carbon-prefix}--btn--primary {
+      .#{carbon-config.$prefix}--btn--primary {
         &:focus {
           background-color: $button-primary-active;
           box-shadow:
@@ -330,7 +332,7 @@ $draghandle-btn-class: #{$block-class}__handle;
         }
       }
 
-      .#{c4p-settings.$carbon-prefix}--btn--ghost {
+      .#{carbon-config.$prefix}--btn--ghost {
         border-color: transparent;
 
         &:hover {

package/scss/components/Coachmark/_coachmark.scss

@@ -8,7 +8,7 @@
 // Standard imports.
 @use '../../global/styles/project-settings' as c4p-settings;
 @use '../../global/styles/mixins';
-@use '@carbon/styles/scss/config';
+@use '@carbon/styles/scss/config' as carbon-config;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 

package/scss/components/CoachmarkStack/_coachmark-stack.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2023, 2024
+// Copyright IBM Corp. 2023, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -8,14 +8,16 @@
 /* stylelint-disable max-nesting-depth */
 
 // Standard imports.
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '../../global/styles/mixins';
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/colors' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/layout/scss/convert';
 @use '@carbon/styles/scss/components/button/tokens' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
+
+@use '../../global/styles/project-settings' as c4p-settings;
+@use '../../global/styles/mixins';
 // Other Carbon settings if needed
 // TODO: @use '@carbon/styles/scss/grid';
 // or
@@ -106,7 +108,7 @@ $style-stack-home: #{c4p-settings.$pkg-prefix}--coachmark-stack;
   &__navLinkLabels-tooltip {
     max-inline-size: 100%;
 
-    .#{c4p-settings.$carbon-prefix}--tooltip-content {
+    .#{carbon-config.$prefix}--tooltip-content {
       color: $text-primary;
       margin-inline-start: calc($spacing-02 + $spacing-01);
       max-inline-size: 100%;

package/scss/components/ComboButton/_combo-button.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2020, 2024
+// Copyright IBM Corp. 2020, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -8,6 +8,8 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/button/tokens' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 
 .#{c4p-settings.$pkg-prefix}--combo-button {
@@ -35,23 +37,23 @@
 }
 
 .#{c4p-settings.$pkg-prefix}--combo-button
-  .#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu:hover,
+  .#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu.#{carbon-config.$prefix}--overflow-menu:hover,
 .#{c4p-settings.$pkg-prefix}--combo-button
-  .#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open,
+  .#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu.#{carbon-config.$prefix}--overflow-menu--open,
 .#{c4p-settings.$pkg-prefix}--combo-button
-  .#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open:hover,
+  .#{carbon-config.$prefix}--overflow-menu.#{carbon-config.$prefix}--overflow-menu--open:hover,
 .#{c4p-settings.$pkg-prefix}--combo-button
-  .#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
+  .#{carbon-config.$prefix}--overflow-menu.#{carbon-config.$prefix}--overflow-menu--open {
   background-color: $button-primary-hover;
 }
 
 .#{c4p-settings.$pkg-prefix}--combo-button
-  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction='bottom']::after {
+  .#{carbon-config.$prefix}--overflow-menu--flip.#{carbon-config.$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {
   block-size: 0;
   inline-size: 0;
 }
 
-.#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu:active {
+.#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu.#{carbon-config.$prefix}--overflow-menu:active {
   background-color: $button-primary-active;
 }
 
@@ -60,7 +62,7 @@
   pointer-events: none;
 }
 
-.#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu__list.#{c4p-settings.$carbon-prefix}--overflow-menu-options {
+.#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu__list.#{carbon-config.$prefix}--overflow-menu-options {
   inline-size: 100%;
   inset-inline-start: 0;
 }
@@ -69,7 +71,7 @@
   display: none;
 }
 
-.#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu__item.#{c4p-settings.$carbon-prefix}--overflow-menu-options__btn {
+.#{c4p-settings.$pkg-prefix}--combo-button__overflow-menu__item.#{carbon-config.$prefix}--overflow-menu-options__btn {
   max-inline-size: 100%;
 }