How to import Ant Design components without default class names?

I'm using Ant Design in my react project. I wanna use Ant Design components without their default class names.

Pay attention to the following code:

import { Typography } from "antd";

const { Title } = Typography;

~~

<Title level={4}> ...

Causes to have below:

<h4 class="ant-typography" ...

And its CSS:

// in the less file:
h4.ant-typography {
    // some css
}

So when I add my class name to the component the priority of the class name of Ant Design component is higher than mine!

My class name is .root-23-07. this priority number is 10 but because of using tag name in less file the priority number of And Design CSS selection is 11. so the Ant Design styles override mine.

I wanna use components of And Design without default class names. Is it possible?