Я хотел бы связать свои таблицы стилей прямо в заголовке html вместо использования импорта.
В моем файле stati c .config. js я добавил таблицы стилей таким образом, но это не работает, вы понимаете, почему? :
Document: ({
Html,
Head,
Body,
children,
state: { siteData, renderMeta },
}) => (
<Html lang="fr">
<Head>
<meta charSet="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="/src/styles/app.css"></link>
<link rel="stylesheet" type="text/css" href='/src/styles/root.scss'></link>
</Head>
<Body>{children}</Body>
</Html>
),
И это мои структуры файлов: 
Спасибо!