Failed to import strapi design-system

General
1

I was creating a plugin based on the documentation, but I get an error when importing @strapi/design-system/component
What operations should I perform to import the library?

strapi: v4.6.1
node: v16.15.1
npm: v9.3.1
os: macOS12.5
language: Typescript

ERROR in ./src/plugins/todo/admin/src/pages/HomePage/index.tsx 4:28-62
TS2307: Cannot find module '@strapi/design-system/Typography' or its corresponding type declarations.
    2 |
    3 | import taskRequests from '../../api/task';
  > 4 | import { Typography } from '@strapi/design-system/Typography';
      |                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    5 |
    6 | import { Illo } from '../../components/Illo';
    7 |

Found 1 error in 7108 ms.
2
  1. Make sure you have installed the design system with yarn / npm
  2. Make sure your import is correct `import { Typography } from ‘@strapi/design-system’;

https://design-system-git-main-strapijs.vercel.app/?path=/docs/design-system-technical-components-typography--variants
`

3

Thank you for your reply!
I could import library correctly with your solution!