Merge pull request #183 from Commencis/feature/styled-components-config

feat: update styled-components config to resolve stylistic rule conflicts

Author: ymehmetcan

.changeset/silly-rocks-lay.md

@@ -0,0 +1,5 @@
+---
+'@commencis/stylelint-config': minor
+---
+
+feat: update styled-components config to resolve conflicts with stylistic rules

packages/stylelint-config/src/configs/styled.ts

@@ -1,15 +1,14 @@
 import { StylelintConfig } from '@/types';
 
-import { styledRules } from '@/rules';
-
-import cssConfig from './css';
+import { cssRules, orderRules, styledRules } from '@/rules';
 
 const styledComponentsConfig: StylelintConfig = {
-  ...cssConfig,
+  extends: ['stylelint-config-standard'],
+  plugins: ['stylelint-order'],
   customSyntax: 'postcss-styled-syntax',
-
   rules: {
-    ...cssConfig.rules,
+    ...cssRules,
+    ...orderRules,
     ...styledRules,
   },
 };

packages/stylelint-config/src/rules/styledRules.ts

@@ -19,6 +19,6 @@ export const styledRules = {
   'no-empty-source': null,
   // Disallow vendor prefixes for values
   'value-no-vendor-prefix': true,
-  //  Disallow vendor prefixes for properties
+  // Disallow vendor prefixes for properties
   'property-no-vendor-prefix': true,
 };