Add Playwright.css from main

packages/code-studio/src/AppRoot.tsx

@@ -6,6 +6,11 @@ import { DownloadServiceWorkerUtils } from '@deephaven/iris-grid';
 import MonacoWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 import AppRouter from './main/AppRouter';
 
+// load addional css for playwright docker tests
+if (import.meta.env.VITE_PLAYWRIGHT_CSS === '1') {
+  await import('./Playwright.css');
+}
+
 export function AppRoot(): JSX.Element {
   DownloadServiceWorkerUtils.register(
     new URL(

packages/code-studio/src/Playwright.css

@@ -0,0 +1,18 @@
+/*
+* This stylesheet is only applied during playwright tests.
+
+* Attempting to fix kerning issues with webkit
+* by disabling ligatures, kerning and smoothing for all tests
+* https://github.com/microsoft/playwright/issues/20203
+*
+* In theory this makes it more deterministic and consistent.
+*
+*/
+
+* {
+  -webkit-font-smoothing: none !important;
+  font-variant-ligatures: none !important;
+  font-feature-settings: 'liga' 0 !important;
+  font-kerning: none !important;
+  text-rendering: optimizespeed !important;
+}