Type token updates for brand integration

[jeanservaas]

This is in support of @oliviaflory's brand integration work. Since .com has not migrated to v11 yet, the changes also need to be made retroactively.

Images below show EXISTING values that need to be updated.

Checklist

• [ ] #11864
• [ ] #11865
• [x] #11862
• [ ] #11863

v10 Changes

v10 Changes

• $expressive-heading-04 Change from regular to light (weight 300) at XLG and MAX breakpoint

• $expressive-heading-05 Change from regular to light (weight 300) at SM breakpoint

• $productive-heading-05 Change from regular to light (weight 300)

• $display-03 Weight doesn't change

  • Sm 42/50 (font-size: 2.625 / line-height: 3.125)
  • Md 54/64 (font-size: 3.375 / line-height: 4)
  • Lg 60/70 (font-size: 3.75 / line-height: 4.375)
  • Xlg 76/86 (font-size: 4.75 / line-height: 5.375)
  • Max 84/94 (font-size: 5.25 / line-height: 5.875)

• $display-04 Takes on value of previous $display-03; WEIGHT CHANGES TO LIGHT 300

  • Sm 42/50 (font-size: 2.625 / line-height: 3.125)
  • Md 68/78 (font-size: 4.25 / line-height: 4.875)
  • Lg 92/102 (font-size: 5.75 / line-height: 6.375)
  • Xlg 122/130 (font-size: 7.625 / line-height: 8.125)
  • Max 156/164 (font-size: 9.75 / line-height: 10.25)

v11 Changes

v11 changes

• $fluid-heading-04 Change from regular to light (weight 300) at XLG and MAX breakpoint

• $fluid-heading-05 Change from regular to light (weight 300) at SM breakpoint

• $heading-05 Change from regular to light (weight 300)

• $fluid-display-03 Weight doesn't change

  • Sm 42/50 (font-size: 2.625 / line-height: 3.125)
  • Md 54/64 (font-size: 3.375 / line-height: 4)
  • Lg 60/70 (font-size: 3.75 / line-height: 4.375)
  • Xlg 76/86 (font-size: 4.75 / line-height: 5.375)
  • Max 84/94 (font-size: 5.25 / line-height: 5.875)

• $fluid-display-04 Takes on value of previous $fluid-display-03; WEIGHT CHANGES TO LIGHT 300

  • Sm 42/50 (font-size: 2.625 / line-height: 3.125)
  • Md 68/78 (font-size: 4.25 / line-height: 4.875)
  • Lg 92/102 (font-size: 5.75 / line-height: 6.375)
  • Xlg 122/130 (font-size: 7.625 / line-height: 8.125)
  • Max 156/164 (font-size: 9.75 / line-height: 10.25)