InlineNotification text color is not displaying properly with CSS custom properties enabled

[tw15egan]

Help! My InlineNotification looks like this in dark mode

[tw15egan]

Based on an update in #7808, Notifications use the component-token approach. If you are enabling CSS custom properties, you will need to import the theme and component-token files before your component imports, like so:

$feature-flags: (
  enable-css-custom-properties: true,
);

@import '~carbon-components/scss/globals/scss/theme';
@import '~carbon-components/scss/globals/scss/component-tokens';

@import '~carbon-components/src/components/tag/tag';
@import '~carbon-components/src/components/notification/notification';

:root {
  @include carbon--theme($carbon--theme--g100, true) {
    @include emit-component-tokens($tag-colors);
    @include emit-component-tokens($notification-colors);
  }
}