Fix useFontSize hook in decomp.me

package.json

@@ -3,7 +3,7 @@
   "displayName": "objdiff",
   "description": "A local diffing tool for decompilation projects",
   "publisher": "decomp-dev",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/encounter/objdiff-web"

rsbuild.config.ts

@@ -47,6 +47,7 @@ const extensionConfig: RsbuildConfig = {
           root: 'dist',
         },
         externals: ['vscode'],
+        legalComments: 'none',
       },
     },
     webview: {

webview/util/util.ts

@@ -3,9 +3,7 @@ import styles from './util.module.css';
 import { useEffect, useState } from 'react';
 
 export const getCssVariablePx = (name: string) => {
-  const value = getComputedStyle(document.documentElement).getPropertyValue(
-    name,
-  );
+  const value = getComputedStyle(document.body).getPropertyValue(name);
   if (!value.endsWith('px')) {
     throw new Error(`Expected ${name} to be in px, got ${value}`);
   }
@@ -26,6 +24,10 @@ export const useFontSize = () => {
       attributes: true,
       attributeFilter: ['style'],
     });
+    observer.observe(document.body, {
+      attributes: true,
+      attributeFilter: ['style'],
+    });
     return () => {
       observer.disconnect();
     };