Chore: Migrate Modal SCSS styles to emotion (#91569)

migrate modal scss styles to emotion

packages/grafana-sql/src/components/ConfirmModal.tsx

@@ -25,7 +25,7 @@ export function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }: ConfirmMod
   return (
     <Modal
       title={
-        <div className="modal-header-title">
+        <div className={styles.modalHeaderTitle}>
           <Icon name="exclamation-triangle" size="lg" />
           <span className={styles.titleText}>Warning</span>
         </div>
@@ -57,4 +57,10 @@ const getStyles = (theme: GrafanaTheme2) => ({
   titleText: css({
     paddingLeft: theme.spacing(2),
   }),
+  modalHeaderTitle: css({
+    fontSize: theme.typography.size.lg,
+    float: 'left',
+    paddingTop: theme.spacing(1),
+    margin: theme.spacing(0, 2),
+  }),
 });