Remove productive mixin & apply expressive tokens to Carbon for IBM.com components

[oliviaflory]

User Story

As a [user role below]:

DDS developer

I need to:

update all Carbon for IBM.com components that use the productive tokens to use expressive theme tokens and remove the productive mixin

so that :

components use one type scale and are more consistent for our adopters

Additional information

Here is a list of the components that need updating and which token they should use with the expressive theme applied.

• Leaving IBM (bx--leaving-ibm__text) --> $label-01

• call out data (bx--callout-data__source) --> $caption-01

• callout with media (bx--image__caption) - uses the productive zoning mixin --> $caption-01

• Card (bx--card__eyebrow - both use productive zoning mixin --> $label-01

• Card bx--card__video bx--card__footer span --> remove styling that is not being applied:

.#{$prefix}--card__video {
      .#{$prefix}--card__footer span {
        color: $text-02;
        @include use-carbon-productive-tokens();
        @include carbon--type-style('body-short-01');
      }
    } 

• image with caption (bx--image__caption) - uses the productive zoning mixin --> $caption-01

• locale modal (bx--modal-header__label) - uses the productive zoning mixin --> $label-01

• content item horizontal (bx--content-item-horizontal__item--eyebrow) - uses the productive zoning mixin --> $label-01

• video player (bx--video-player__video-caption) - uses the productive zoning mixin --> $caption-01

• locale modal (bx--locale-modal__search-text) - uses the productive zoning mixin --> $heading-02

• logo grid (bx--content-block__cta .bx--card__heading) - uses the productive zoning mixin --> check if there is outdated code

Note: we will not be removing the productive mixin from the mega menu, decided in #4341

Acceptance criteria

• Productive mix-in is removed from all components listed above
• no breaking changes have been introduced
• Designer (Olivia) reviewed all changes in preview