[data grid] Improve font usage

[michelengelen]

Steps to reproduce

3. Theming – Fonts

Issue:

• line-height behaves differently in ColumnHeader vs. Cell:
  • ColumnHeader: text remains centered (controlled by parent element).
  • Cell: line-height directly affects vertical alignment.
• Leads to:
  • Misalignment
  • Poor text selection appearance (highlight fills entire cell)

👉 Code Example

Wish (Request):

• Make vertical alignment stable regardless of line-height
• Ensure consistent appearance across headers and cells

Current behavior

No response

Expected behavior

No response

Context

This is extracted from #46725

Your environment

No response

Search keywords: -

[White-D-coder]

@michelengelen @jarib Can you please assign this issue to me. I would love to work on it and ensure it is resolved appropriately.