fix: error at color-system story

[shootermv]

not sure why, but things start working after renaming color.css to colors.module.css:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Closes #66

[huyenltnguyen]

Thank you for the PR.

There are a couple of issues with the changes that I don't think we can merge as-is:

• colors.css still exists, and its import aren't updated.
• We are using globally-scoped stylesheets in the codebase, if we are changing this to a module, other stylesheets should follow.
• We would like to understand the root cause of the issue (whether this is an issue in the repo setup or in the storybook setup) in order to update the config accordingly.

[shootermv]

Thank you for the PR.

There are a couple of issues with the changes that I don't think we can merge as-is:

• colors.css still exists, and its import aren't updated.
• We are using globally-scoped stylesheets in the codebase, if we are changing this to a module, other stylesheets should follow.
• We would like to understand the root cause of the issue (whether this is an issue in the repo setup or in the storybook setup) in order to update the config accordingly.

i have impression that problem is not the storybook,
seems to me the problem is importing css variables into javascript as object
(import colorList from "../colors.css"; at colors-system component)
for some reason it works with modules an not with genral css...
But! we can use module file only for color-systems and import the colors.css into it using @import ...