CSS "form-item__label" inconsistent on node edit forms

Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.

nayana_mvr → made their first commit to this issue’s fork.

The issue is reproducible in Drupal 11.x version. I have created an MR with the proposed solution. I didn't change

display: block;
 margin-block: var(--sp0-5);

because I think it is as per Olivero theme style and doesn’t require any change. I have used variable --line-height-s for line-height property since the variable used in Claro is specific to Claro theme and it won't work for Olivero. Kindly review the changes.