Use px units instead of rem for DevTools design tokens

Fixed: 372590404
Change-Id: I0ba5658c61456e156ed1b2a8a32c4dd19bdb877b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5938188
Auto-Submit: Kateryna Prokopenko <[email protected]>
Commit-Queue: Peter Müller <[email protected]>
Reviewed-by: Peter Müller <[email protected]>

Author: Kateryna Prokopenko

front_end/ui/legacy/designTokens.css

@@ -14,46 +14,46 @@
   --sys-elevation-level4: 0 6px 10px 4px rgb(0 0 0 / 15%), 0 2px 3px 0 rgb(0 0 0 / 30%);
   --sys-elevation-level5: 0 8px 12px 6px rgb(0 0 0 / 15%), 0 4px 4px 0 rgb(0 0 0 / 30%);
   --sys-size-1: 1px;
-  --sys-size-2: 0.125rem;     /* 2px */
-  --sys-size-3: 0.25rem;      /* 4px */
-  --sys-size-4: 0.375rem;     /* 6px */
-  --sys-size-5: 0.5rem;       /* 8px */
-  --sys-size-6: 0.75rem;      /* 12px */
-  --sys-size-7: 0.875rem;     /* 14px */
-  --sys-size-8: 1rem;         /* 16px */
-  --sys-size-9: 1.25rem;      /* 20px */
-  --sys-size-10: 1.375rem;    /* 22px */
-  --sys-size-11: 1.5rem;      /* 24px */
-  --sys-size-12: 1.75rem;     /* 28px */
-  --sys-size-13: 2rem;        /* 32px */
-  --sys-size-14: 2.5rem;      /* 40px */
-  --sys-size-15: 2.75rem;     /* 44px */
-  --sys-size-16: 3rem;        /* 48px */
-  --sys-size-17: 3.5rem;      /* 56px */
-  --sys-size-18: 4rem;        /* 64px */
-  --sys-size-19: 6rem;        /* 80px */
-  --sys-size-20: 7rem;        /* 112px */
-  --sys-size-21: 8rem;        /* 128px */
-  --sys-size-22: 9rem;        /* 144px */
-  --sys-size-23: 10rem;       /* 160px */
-  --sys-size-24: 11rem;       /* 176px */
-  --sys-size-25: 12rem;       /* 192px */
-  --sys-size-26: 13rem;       /* 208px */
-  --sys-size-27: 14rem;       /* 224px */
-  --sys-size-28: 15rem;       /* 240px */
-  --sys-size-29: 16rem;       /* 256px */
-  --sys-size-30: 18rem;       /* 288px */
-  --sys-size-31: 20rem;       /* 320px */
-  --sys-size-32: 24rem;       /* 384px */
-  --sys-size-33: 28rem;       /* 448px */
-  --sys-size-34: 32rem;       /* 512px */
-  --sys-size-35: 36rem;       /* 576px */
-  --sys-size-36: 42rem;       /* 672px */
-  --sys-size-37: 48rem;       /* 768px */
-  --sys-size-38: 56rem;       /* 896px */
-  --sys-size-39: 64rem;       /* 1024px */
-  --sys-size-40: 72rem;       /* 1152px */
-  --sys-size-41: 80rem;       /* 1280px */
+  --sys-size-2: 2px;
+  --sys-size-3: 4px;
+  --sys-size-4: 6px;
+  --sys-size-5: 8px;
+  --sys-size-6: 12px;
+  --sys-size-7: 14px;
+  --sys-size-8: 16px;
+  --sys-size-9: 20px;
+  --sys-size-10: 22px;
+  --sys-size-11: 24px;
+  --sys-size-12: 28px;
+  --sys-size-13: 32px;
+  --sys-size-14: 40px;
+  --sys-size-15: 44px;
+  --sys-size-16: 48px;
+  --sys-size-17: 56px;
+  --sys-size-18: 64px;
+  --sys-size-19: 80px;
+  --sys-size-20: 112px;
+  --sys-size-21: 128px;
+  --sys-size-22: 144px;
+  --sys-size-23: 160px;
+  --sys-size-24: 176px;
+  --sys-size-25: 192px;
+  --sys-size-26: 208px;
+  --sys-size-27: 224px;
+  --sys-size-28: 240px;
+  --sys-size-29: 256px;
+  --sys-size-30: 288px;
+  --sys-size-31: 320px;
+  --sys-size-32: 384px;
+  --sys-size-33: 448px;
+  --sys-size-34: 512px;
+  --sys-size-35: 576px;
+  --sys-size-36: 672px;
+  --sys-size-37: 768px;
+  --sys-size-38: 896px;
+  --sys-size-39: 1024px;
+  --sys-size-40: 1152px;
+  --sys-size-41: 1280px;
   --sys-shape-corner-extra-small: 4px;
   --sys-shape-corner-small: 8px;
   --sys-shape-corner-medium-small: 12px;