refactor: deleted old logic to search SCSS variables

www/gatsby-node.js

@@ -12,7 +12,6 @@ const css = require('css');
 
 const fs = require('fs');
 const { INSIGHTS_PAGES } = require('./src/config');
-const { getThemesSCSSVariables, processComponentSCSSVariables } = require('./theme-utils');
 
 exports.onCreateWebpackConfig = ({ actions }) => {
   actions.setWebpackConfig({
@@ -97,14 +96,10 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
   // Create component detail pages.
   const components = result.data.allMdx.edges;
 
-  const themesSCSSVariables = await getThemesSCSSVariables();
-
   // you'll call `createPage` for each result
   // eslint-disable-next-line no-restricted-syntax
   for (const { node } of components) {
     const componentDir = node.slug.split('/')[0];
-    const variablesPath = path.resolve(__dirname, `../src/${componentDir}/_variables.scss`);
-    let scssVariablesData = {};
     const cssVariablesData = [];
 
     const pathToComponents = fs.readdirSync(`../src/${componentDir}`);
@@ -122,11 +117,6 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
       }
     });
 
-    if (fs.existsSync(variablesPath)) {
-      // eslint-disable-next-line no-await-in-loop
-      scssVariablesData = await processComponentSCSSVariables(variablesPath, themesSCSSVariables);
-    }
-
     createPage({
       // This is the slug you created before
       // (or `node.frontmatter.slug`)
@@ -136,7 +126,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
       // You can use the values in this context in
       // our page layout component
       context: {
-        id: node.id, components: node.frontmatter.components || [], scssVariablesData, cssVariablesData,
+        id: node.id, components: node.frontmatter.components || [], cssVariablesData,
       },
     });
   }

www/src/templates/component-page-template.tsx

@@ -87,7 +87,7 @@ export default function PageTemplate({
 
   const getTocData = () => {
     const tableOfContents = JSON.parse(JSON.stringify(mdx.tableOfContents));
-    if (cssVariablesData.length && !tableOfContents.items?.includes()) {
+    if (cssVariablesData?.length && !tableOfContents.items?.includes()) {
       tableOfContents.items?.push({
         title: cssVariablesTitle,
         url: `#${cssVariablesUrl}`,