milestone 23 s3: convert features/settings/ReadOnlyConfigBanner.tsx to stylex

web/src/features/local/ZonesTab.tsx

@@ -69,9 +69,6 @@ const styles = stylex.create({
 		paddingBlock: "0.5rem",
 		paddingRight: "1rem",
 	},
-	mono: {
-		fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
-	},
 	emptyCell: {
 		paddingBlock: "1rem",
 		color: colors.textMuted,
@@ -248,8 +245,8 @@ export default function ZonesTab() {
 									</td>
 								) : (
 									<>
-										<td {...stylex.props(styles.cell, styles.mono)}>{zone.zone}</td>
-										<td {...stylex.props(styles.cell, styles.mono)}>{zone.resolver}</td>
+										<td {...stylex.props(styles.cell, shared.mono)}>{zone.zone}</td>
+										<td {...stylex.props(styles.cell, shared.mono)}>{zone.resolver}</td>
 										<td {...stylex.props(styles.actionCell)}>
 											<button
 												type="button"