UI: Increase base font size (#23994)

* fix button padding

* rename spacing variables using numerical values

* fix toggle aligment

* remove unused toggle classes

* replace margin and padding with spacing vars

* increase base font size

* remove switch css, use toggle consistently

* remaining margin/padding size vars to spacing pixels

* add deprecated note, rever changes to size vars

* decrease console size

* remove function

* adjust card size for small selectable cards

* fix select to fit to content width

* fix toolbar-scroller height

* add changelog;

* fix checkbox styling

ui/lib/core/addon/components/toggle.js

@@ -16,8 +16,6 @@
  * @param {string} name - name is passed along to the form field, as well as to generate the ID of the input & "for" value of the label
  * @param {boolean} [checked=false] - checked status of the input, and must be passed in and mutated from the parent
  * @param {boolean} [disabled=false] - disabled makes the switch unclickable
- * @param {string} [size='medium'] - Sizing can be small or medium
- * @param {string} [status='normal'] - Status can be normal or success, which makes the switch have a blue background when checked=true
  */
 
 import Component from '@glimmer/component';
@@ -40,13 +38,6 @@ export default class ToggleComponent extends Component {
   get safeId() {
     return `toggle-${this.name.replace(/\W/g, '')}`;
   }
-  get inputClasses() {
-    const size = this.args.size || 'normal';
-    const status = this.args.status || 'normal';
-    const sizeClass = `is-${size}`;
-    const statusClass = `is-${status}`;
-    return `toggle ${statusClass} ${sizeClass}`;
-  }
 
   @action
   handleChange(e) {