ThemeBuilder: clean imports from bootstrap _variables.scss (#28552)

Author: GoodDayForSurf

packages/devextreme-themebuilder/src/modules/bootstrap-extractor.ts

@@ -98,13 +98,17 @@ export default class BootstrapExtractor {
     const variablesDark = this.version === 5 && existsSync(this.getFilePath(variablesDarkFile)) ? await this.readSassFile(variablesDarkFile) : ''; // TODO: can be removed safely in bootstrap@6
 
     const result = `${functions}
-${variables.replace('@import "variables-dark";', '')}
+${variables}
 ${variablesDark}
 ${this.input}
 ${this.getSetterServiceCode('!default')}
 ${this.getCollectorServiceCode()}`;
 
-    return result;
+    return this.removeImports(result);
+  }
+
+  removeImports(content: string): string {
+    return content.replace(/^@import "variables-dark";.*$/gm, '');
   }
 
   async lessProcessor(): Promise<string> {

packages/devextreme-themebuilder/tests/modules/bootstrap-extractor.test.ts

@@ -75,13 +75,18 @@ ${collectorServiceCode}`);
     extractor.getSetterServiceCode = (): string => setterServiceCode;
     extractor.getCollectorServiceCode = (): string => collectorServiceCode;
 
-    expect(await extractor.sassProcessor())
-      .toBe(`${functions.toString()}
+    const result = await extractor.sassProcessor();
+
+    expect(result.includes('@import "variables-dark";')).toBeFalsy();
+
+    const expectedResult = `${functions.toString()}
 ${variables.toString()}
 ${variablesDark.toString()}
 ${testSassString}
 ${setterServiceCode}
-${collectorServiceCode}`);
+${collectorServiceCode}`;
+
+    expect(result).toBe(extractor.removeImports(expectedResult));
   });
 
   test('lessProcessor', async () => {