here is an example:

Component.module.css

.container {...}
.content {...}

Component.tsx

import style from './Component.module.css'
function Component() {
  return (
    <div className={style.container}>
      <div className={style.content}></div>
    </div>
  )
}

App.tsx

import Component from './Component'
import style from './App.module.css'
function App() {
  return (
    <div className={style.app}>
      <Component/>
    </div>
  )
}

App.module.css

.app{
   // how to override .content
}

how to override .content in App.module.css?