refactor(build): replace paths aliases with relative paths

Using paths aliases starting with "@" can be confusing and can lead to
conflict with existings modules. I prefer to use relative paths to
avoid extra configuration in tools because of these aliases.

7 files changed, 18 insertions, 18 deletions

diff --git a/src/components/organisms/modals/search-modal.module.scss b/src/components/organisms/modals/search-modal.module.scss
index aba0593..449aa91 100644
--- a/src/components/organisms/modals/search-modal.module.scss
+++ b/src/components/organisms/modals/search-modal.module.scss
@@ -1,4 +1,4 @@
-@use "@styles/abstracts/mixins" as mix;
+@use "../../../styles/abstracts/mixins" as mix;
 
 .wrapper {
   padding-bottom: var(--spacing-md);
diff --git a/src/components/organisms/modals/search-modal.test.tsx b/src/components/organisms/modals/search-modal.test.tsx
index 7043d54..397c36f 100644
--- a/src/components/organisms/modals/search-modal.test.tsx
+++ b/src/components/organisms/modals/search-modal.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import SearchModal from './search-modal';
 
 describe('SearchModal', () => {
diff --git a/src/components/organisms/modals/search-modal.tsx b/src/components/organisms/modals/search-modal.tsx
index ed6084a..08b28cb 100644
--- a/src/components/organisms/modals/search-modal.tsx
+++ b/src/components/organisms/modals/search-modal.tsx
@@ -1,6 +1,6 @@
-import Modal, { type ModalProps } from '@components/molecules/modals/modal';
 import { forwardRef, ForwardRefRenderFunction } from 'react';
 import { useIntl } from 'react-intl';
+import Modal, { type ModalProps } from '../../molecules/modals/modal';
 import SearchForm, { type SearchFormProps } from '../forms/search-form';
 import styles from './search-modal.module.scss';
 
diff --git a/src/components/organisms/modals/settings-modal.module.scss b/src/components/organisms/modals/settings-modal.module.scss
index fef3492..e9b3b85 100644
--- a/src/components/organisms/modals/settings-modal.module.scss
+++ b/src/components/organisms/modals/settings-modal.module.scss
@@ -1,5 +1,5 @@
-@use "@styles/abstracts/functions" as fun;
-@use "@styles/abstracts/variables" as var;
+@use "../../../styles/abstracts/functions" as fun;
+@use "../../../styles/abstracts/variables" as var;
 
 .wrapper {
   width: 100%;
diff --git a/src/components/organisms/modals/settings-modal.stories.tsx b/src/components/organisms/modals/settings-modal.stories.tsx
index 649d68b..4f0b79b 100644
--- a/src/components/organisms/modals/settings-modal.stories.tsx
+++ b/src/components/organisms/modals/settings-modal.stories.tsx
@@ -1,6 +1,6 @@
-import { storageKey as ackeeStorageKey } from '@components/molecules/forms/ackee-toggle.fixture';
-import { storageKey as motionStorageKey } from '@components/molecules/forms/motion-toggle.fixture';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { storageKey as ackeeStorageKey } from '../../molecules/forms/ackee-toggle.fixture';
+import { storageKey as motionStorageKey } from '../../molecules/forms/motion-toggle.fixture';
 import SettingsModal from './settings-modal';
 
 /**
diff --git a/src/components/organisms/modals/settings-modal.test.tsx b/src/components/organisms/modals/settings-modal.test.tsx
index 9277067..9e07175 100644
--- a/src/components/organisms/modals/settings-modal.test.tsx
+++ b/src/components/organisms/modals/settings-modal.test.tsx
@@ -1,6 +1,6 @@
-import { storageKey as ackeeStorageKey } from '@components/molecules/forms/ackee-toggle.fixture';
-import { storageKey as motionStorageKey } from '@components/molecules/forms/motion-toggle.fixture';
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
+import { storageKey as ackeeStorageKey } from '../../molecules/forms/ackee-toggle.fixture';
+import { storageKey as motionStorageKey } from '../../molecules/forms/motion-toggle.fixture';
 import SettingsModal from './settings-modal';
 
 describe('SettingsModal', () => {
diff --git a/src/components/organisms/modals/settings-modal.tsx b/src/components/organisms/modals/settings-modal.tsx
index d11dfe7..4e2b119 100644
--- a/src/components/organisms/modals/settings-modal.tsx
+++ b/src/components/organisms/modals/settings-modal.tsx
@@ -1,15 +1,15 @@
-import Form from '@components/atoms/forms/form';
+import { FC } from 'react';
+import { useIntl } from 'react-intl';
+import Form from '../../atoms/forms/form';
 import AckeeToggle, {
   AckeeToggleProps,
-} from '@components/molecules/forms/ackee-toggle';
+} from '../../molecules/forms/ackee-toggle';
 import MotionToggle, {
   MotionToggleProps,
-} from '@components/molecules/forms/motion-toggle';
-import PrismThemeToggle from '@components/molecules/forms/prism-theme-toggle';
-import ThemeToggle from '@components/molecules/forms/theme-toggle';
-import Modal, { type ModalProps } from '@components/molecules/modals/modal';
-import { FC } from 'react';
-import { useIntl } from 'react-intl';
+} from '../../molecules/forms/motion-toggle';
+import PrismThemeToggle from '../../molecules/forms/prism-theme-toggle';
+import ThemeToggle from '../../molecules/forms/theme-toggle';
+import Modal, { type ModalProps } from '../../molecules/modals/modal';
 import styles from './settings-modal.module.scss';
 
 export type SettingsModalProps = Pick<ModalProps, 'className'> &