Reactjs – Need default css for html tags in one react component

I have used tailwindcss in my app. By default tailwind will overwrite the css for tags like h1, p, ul, ol and all. I want a only one component that the tag need to have its own default style. I tried using preflight:false but it affect all the components but i want the default style of tags inside one component only

/** @type {import('tailwindcss').Config} */
export default {
 content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
 theme: {
 extend: {
  colors: {
    "alice-blue": "#F0F2FF",
    "dark-jungle": "#1E2022",
    "dark-orange": "#FE8E01",
    "pantone-green": "#00AF36",
    "chinese-white": "#D6F2DE",
    "azureish-white": "#DDE8F5",
    "hover-blue": "#0921FF",
    "active-blue": "#2737CE",
    "focus-blue": "#CFD1FF",
    "hover-light-blue": "#E0EEFF",
    "active-light-blue": "#D0E3F9",
    "anti-flash-white": "#edeff7",
    "roman-silver": "#818B94",
    "shuttle-gray": "#5D666E",
    "green-white": "#E8EAEE",
    "tropical-blue": "#CCD9E9",
    "cyan-blue": "#8B949D",
    "palatinate-blue": {
      50: "#ebf4ff",
      100: "#dbe9ff",
      200: "#bed7ff",
      300: "#97bbff",
      400: "#6e92ff",
      500: "#4c6bff",
      600: "#2e42ff",
      700: "#202fe2",
      800: "#1d2bb6",
      900: "#202d8f",
      950: "#131953",
    },
  },
 },
},
 plugins: [],
};