can not import scss files into other scss file -

i in process of building acl "angular component library". idea create angular components few of use ionic features. these components exported actual project use them.

below tree structure:

this variables.scss file have main style sheets, mexins etc. challenge facing @ moment when try import variables.scss file tick-tock.component.scss

it gives me following error:

i have tried

@import './variables.scss' 

also

@import '../variables.scss' 

also this

@import 'variables.scss' 

but not working.

looking @ tree structure, when importing variables.scss tick-tock.component.scss, correct path should be:

@import '../../theme/variables';