I imported and defined a font called Vazirmatn locally in my Nextjs project now I want to get it from google fonts the problem is that I removed any CSS mentioning the font and removed the font files and any remote import of it but the font family is still the same on all the pages I check every CSS loaded into the page and I did not find any local or remote reference to the font

here is the code for the 404 page (the text is in my native language and font too)

import Image from "next/image"

export default function() {

    return (
        <>
        <div className='w-full h-full flex justify-center mt-7'>
        <Image src={'/404-page-not-found.svg'} width={'500px'} height={'500px'} ></Image>
        </div>
        <p><span style={{color:'#00ADB5'}} >خطای 404</span> نتونستیم صفحه ای که میخواستی رو پیدا کنیم</p>
        </>
    )
};

and here is my global.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
  Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
    overflow-x: hidden;
}

a {
  color: #04cc;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

#__next {
  width: 100vw;
  height: 100vh;
}

span[data-slate-placeholder="true"] {
  opacity:0.5 !important;
}

.ck-editor {
  width: 50% !important;
}

li {
  margin-right: 15px;
}

ul li {
  list-style-type: disc;
}

this is how the page looks

this is how i want it to look