ref(Theme): Changes typography values to rem (#16021)

Replaces hard-coded pixel values with relative rem units across UI components to improve typography responsiveness and maintainability.

Co-authored-by: Hristo Terezov <hristo@jitsi.org>

react/features/prejoin/components/web/dialogs/CallingDialog.tsx

@@ -37,13 +37,13 @@ const useStyles = makeStyles()(theme => {
             },
 
             '& .prejoin-dialog-calling-label': {
-                fontSize: '15px',
+                fontSize: '1rem',
                 margin: `${theme.spacing(2)} 0 ${theme.spacing(3)} 0`
             },
 
             '& .prejoin-dialog-calling-number': {
-                fontSize: '19px',
-                lineHeight: '28px',
+                fontSize: '1.25rem',
+                lineHeight: '1.75rem',
                 margin: `${theme.spacing(3)} 0`
             }
         }

react/features/prejoin/components/web/dialogs/DialInDialog.tsx

@@ -59,8 +59,8 @@ const useStyles = makeStyles()(theme => {
                 background: '#3e474f',
                 borderRadius: '4px',
                 display: 'inline-block',
-                fontSize: '15px',
-                lineHeight: '24px',
+                fontSize: '1rem',
+                lineHeight: '1.5rem',
                 margin: theme.spacing(1),
                 padding: theme.spacing(2),
                 userSelect: 'text',
@@ -79,8 +79,8 @@ const useStyles = makeStyles()(theme => {
                 color: '#6FB1EA',
                 cursor: 'pointer',
                 display: 'inline-block',
-                fontSize: '13px',
-                lineHeight: '20px',
+                fontSize: '0.875rem',
+                lineHeight: '1.5rem',
                 marginBottom: theme.spacing(4)
             },
             '& .prejoin-dialog-dialin-spaced-label': {