fix lsx styles

packages/remark-lsx/src/components/Lsx.module.scss

@@ -1,5 +1,5 @@
 .lsx :global {
-  page-list-ul > li > a:not(:hover) {
+  .page-list-ul > li > a:not(:hover) {
     text-decoration: none;
   }
 

packages/remark-lsx/src/components/LsxPageList/LsxListView.module.scss

@@ -1 +0,0 @@
-// @use '~/styles/molecules/page_list';

packages/remark-lsx/src/components/LsxPageList/LsxListView.tsx

@@ -5,9 +5,6 @@ import { LsxContext } from '../lsx-context';
 
 import { LsxPage } from './LsxPage';
 
-import styles from './LsxListView.module.scss';
-
-
 type Props = {
   nodeTree?: PageNode[],
   lsxContext: LsxContext,
@@ -47,7 +44,7 @@ export const LsxListView = React.memo((props: Props): JSX.Element => {
   }, [basisViewersCount, isEmpty, lsxContext, nodeTree]);
 
   return (
-    <div className={`page-list ${styles['page-list']} lsx`}>
+    <div className="page-list">
       <ul className="page-list-ul">
         {contents}
       </ul>