Update font sizes for consistency and readability

[mrleemurray]

This pull request updates the font sizing and documentation for tab and section label styles across the workbench, aligning editor and panel tab labels to use the Body 1 font size token for better readability and consistency. It also clarifies documentation and updates related CSS selectors to ensure all relevant tab types use the correct font sizing.

Font size and style alignment:

• Changed editor tab labels, panel tabs, auxiliary bar tabs, sidebar tabs, and settings editor tab labels to use var(--vscode-fontSize-body1) instead of a fixed 12px for font size, ensuring consistent typography across the UI (tabs.css, fontRamp.css). [1] [2] [3] [4] [5]
• Added missing selectors so sidebar and composite part tabs also use the new font size and line height. [1] [2]

Documentation and comment improvements:

• Updated documentation in fontRamp.css to clarify that "Label 1" is for section titles (not tabs), and that editor tabs use "Body 1" for readability. [1] [2] [3]
• Updated comments in tabs.css to reflect the use of "Body 1" font size for tabs, replacing references to "12px". [1] [2]

Selector and usage clarifications:

• Updated selectors and comments to clarify that settings editor tab labels are not included in "Label 1" and now use the correct font size. [1] [2]

These changes ensure a more consistent and accessible font ramp across the workbench, especially for tab and section labels.

Resolves #325570

[Copilot]

Pull request overview

Aligns Modern UI tab typography with the Body 1 font role for improved consistency and readability.

Changes:

• Updates editor, panel, sidebar, auxiliary bar, and settings tab sizing.
• Revises font-ramp documentation and composite-tab selectors.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.

File	Description
tabs.css	Applies Body 1 sizing and composite-tab layout rules.
fontRamp.css	Updates tab typography mapping and documentation.