Convert fonts to base64 ( please help me )

[mimalef70]

in my case, i want inject fonts to the webpage, after build the css files is some thing like this:
@font-face{font-family:Vazir;src:url(/assets/Vazir-WOL-2fa474eb.woff) format("woff");
i want to convert this webfont to base64. how can i do that ?

my config :

import { defineConfig } from "vite";
import { crx } from "@crxjs/vite-plugin";
import manifest from "./manifest.json";
import { resolve } from "path";

export default defineConfig({
  plugins: [crx({ manifest })],
  resolve: {
    alias: {
      $fonts: resolve("./fonts/file"),
    },
  },
});

and i use import "../style/twitter.scss"; in contentscript.js.

my manifest:

{
  "manifest_version": 3,
  "name": "CRXJS Vanilla JS Example",
  "version": "1.0.0",
  "action": { "default_popup": "index.html" },
  "background": {
    "service_worker": "script/background.js",
    "type": "module"
  },
  "permissions": ["tabs", "storage", "activeTab"],
  "content_scripts": [
    {
      "matches": ["https://twitter.com/*"],
      "js": ["inject/twitter/script/contentscript.js"],
      "run_at": "document_start",
      "all_frames": true
    }
  ],

  "content_security_policy": {
    "extension_pages": "script-src 'self'; object-src 'self';font-src 'self' data:;style-src 'self' 'unsafe-inline';"
  }
}

in my twitter.scss i import @import "../../../fonts/style/fonts.scss";
and in my fonts.scss:

@font-face {
  font-family: Vazir;
  src: url("$fonts/Vazir-WOL.woff") format("woff");
  font-weight: normal;
}

[mimalef70]

i handle this issue with :

build: {
assetsInlineLimit: 100000,
},