refactor: add blog post title stlyes in blog.scss

packages/logos-docusaurus-theme/src/client/css/blog.scss

@@ -150,6 +150,10 @@
       }
     }
   }
+
+  .blog-post-title {
+    @include lsd.typography('h3');
+  }
 }
 
 .blog-archive-page {

packages/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Title/index.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import clsx from 'clsx'
 import Link from '@docusaurus/Link'
 import { useBlogPost } from '@docusaurus/theme-common/internal'
-import styles from './styles.module.scss'
 
 export default function BlogPostItemHeaderTitle({ className }) {
   const { metadata, isBlogPostPage } = useBlogPost()
@@ -11,7 +10,7 @@ export default function BlogPostItemHeaderTitle({ className }) {
 
   return (
     <TitleHeading
-      className={clsx(isBlogPostPage && styles.blogPostTitle, className)}
+      className={clsx(isBlogPostPage && 'blog-post-title', className)}
       itemProp="headline"
     >
       {isBlogPostPage ? (

packages/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Title/styles.module.scss

@@ -1,8 +0,0 @@
-@use '../../../../css/utils';
-@use '../../../../css/lsd';
-
-@include utils.responsive('lg', 'down') {
-  .blogPostTitle {
-    @include lsd.typography('h3');
-  }
-}