Background
With the addition of font modes in Codex, the Message component uses font-size-medium with line-height-small, but with longer form messages, this is proving to be too tight of a line-height. We should change the line-height to line-height-medium for better readability. This change was likely an oversight and shouldn't have been introduced in the 2.0 release, because changing the line-height to line-height-medium also puts the line-height back to what it was before the font modes release.
Acceptance criteria
- Within Message, &__content should be updated to use line-height-medium
- As a result, .cdx-message__icon, .cdx-message__icon--vue should be updated to `line-height-medium as well
- As a result, &__dismiss-button.cdx-button should have top: calc( @font-size-medium * 0.5 );