diff --git a/packages/example/01-basic/1.css b/packages/example/01-basic/1.css
index 103d710..5dccf20 100644
--- a/packages/example/01-basic/1.css
+++ b/packages/example/01-basic/1.css
@@ -33,3 +33,4 @@
 }
 :local(.local_class_name_4) {
 }
+@value value: #BF4040;
diff --git a/packages/example/01-basic/1.css.d.ts b/packages/example/01-basic/1.css.d.ts
index a4f5be4..72b8dee 100644
--- a/packages/example/01-basic/1.css.d.ts
+++ b/packages/example/01-basic/1.css.d.ts
@@ -16,6 +16,7 @@ declare const styles:
   & Readonly<{ "local_class_name_2": string }>
   & Readonly<{ "local_class_name_3": string }>
   & Readonly<{ "local_class_name_4": string }>
+  & Readonly<{ "value": string }>
 ;
 export default styles;
 //# sourceMappingURL=./1.css.d.ts.map
diff --git a/packages/example/01-basic/1.css.d.ts.map b/packages/example/01-basic/1.css.d.ts.map
index 582e750..0719883 100644
--- a/packages/example/01-basic/1.css.d.ts.map
+++ b/packages/example/01-basic/1.css.d.ts.map
@@ -1 +1 @@
-{"version":3,"sources":["./1.css"],"names":["basic","cascading","pseudo_class_1","pseudo_class_2","pseudo_class_3","multiple_selector_1","multiple_selector_2","combinator_1","combinator_2","at_rule","selector_list_1","selector_list_2","local_class_name_1","local_class_name_2","local_class_name_3","local_class_name_4"],"mappings":"AAAA;AAAA,E,aAAAA,O,WAAA;AAAA,E,aAEAC,W,WAFA;AAAA,E,aAIAA,W,WAJA;AAAA,E,aAMAC,gB,WANA;AAAA,E,aAQAC,gB,WARA;AAAA,E,aAUAC,gB,WAVA;AAAA,E,aAYAC,qB,WAZA;AAAA,E,aAYAC,qB,WAZA;AAAA,E,aAcAC,c,WAdA;AAAA,E,aAcAC,c,WAdA;AAAA,E,aAkBIC,S,WAlBJ;AAAA,E,aAsBAC,iB,WAtBA;AAAA,E,aAAAC,iB,WAAA;AAAA,E,aAyBAC,oB,WAzBA;AAAA,E,aA4BEC,oB,WA5BF;AAAA,E,aA8BEC,oB,WA9BF;AAAA,E,aAiCAC,oB,WAjCA;AAAA;AAAA","file":"1.css.d.ts","sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["./1.css"],"names":["basic","cascading","pseudo_class_1","pseudo_class_2","pseudo_class_3","multiple_selector_1","multiple_selector_2","combinator_1","combinator_2","at_rule","selector_list_1","selector_list_2","local_class_name_1","local_class_name_2","local_class_name_3","local_class_name_4","value"],"mappings":"AAAA;AAAA,E,aAAAA,O,WAAA;AAAA,E,aAEAC,W,WAFA;AAAA,E,aAIAA,W,WAJA;AAAA,E,aAMAC,gB,WANA;AAAA,E,aAQAC,gB,WARA;AAAA,E,aAUAC,gB,WAVA;AAAA,E,aAYAC,qB,WAZA;AAAA,E,aAYAC,qB,WAZA;AAAA,E,aAcAC,c,WAdA;AAAA,E,aAcAC,c,WAdA;AAAA,E,aAkBIC,S,WAlBJ;AAAA,E,aAsBAC,iB,WAtBA;AAAA,E,aAAAC,iB,WAAA;AAAA,E,aAyBAC,oB,WAzBA;AAAA,E,aA4BEC,oB,WA5BF;AAAA,E,aA8BEC,oB,WA9BF;AAAA,E,aAiCAC,oB,WAjCA;AAAA,E,aAmCOC,O,WAnCP;AAAA;AAAA","file":"1.css.d.ts","sourceRoot":""}
\ No newline at end of file
diff --git a/packages/example/08-value-from/1.css b/packages/example/08-value-from/1.css
new file mode 100644
index 0000000..e91d3b5
--- /dev/null
+++ b/packages/example/08-value-from/1.css
@@ -0,0 +1,4 @@
+@value value1 from './2.css'; /* single token */
+@value value2, value3 from './2.css'; /* multiple tokens */
+@value value4 as alias from './2.css'; /* alias */
+@value value5 from './2.css'; /* re-exported token */
diff --git a/packages/example/08-value-from/1.css.d.ts b/packages/example/08-value-from/1.css.d.ts
new file mode 100644
index 0000000..8d844a0
--- /dev/null
+++ b/packages/example/08-value-from/1.css.d.ts
@@ -0,0 +1,9 @@
+declare const styles:
+  & Readonly<Pick<(typeof import("./2.css"))["default"], "value1">>
+  & Readonly<Pick<(typeof import("./2.css"))["default"], "value2">>
+  & Readonly<Pick<(typeof import("./2.css"))["default"], "value3">>
+  & Readonly<Pick<(typeof import("./2.css"))["default"], "alias">>
+  & Readonly<Pick<(typeof import("./3.css"))["default"], "value5">>
+;
+export default styles;
+//# sourceMappingURL=./1.css.d.ts.map
diff --git a/packages/example/08-value-from/1.css.d.ts.map b/packages/example/08-value-from/1.css.d.ts.map
new file mode 100644
index 0000000..6dca820
--- /dev/null
+++ b/packages/example/08-value-from/1.css.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"sources":["./1.css"],"names":[],"mappings":"AAAA;AAAA,E,iEAAA;AAAA,E,iEAAA;AAAA,E,iEAAA;AAAA,E,gEAAA;AAAA,E,iEAAA;AAAA;AAAA","file":"1.css.d.ts","sourceRoot":""}
\ No newline at end of file
diff --git a/packages/example/08-value-from/2.css b/packages/example/08-value-from/2.css
new file mode 100644
index 0000000..2dd66d6
--- /dev/null
+++ b/packages/example/08-value-from/2.css
@@ -0,0 +1,5 @@
+@value value1: '';
+@value value2: '';
+@value value3: '';
+@value value4: '';
+@value value5 from './3.css';
diff --git a/packages/example/08-value-from/2.css.d.ts b/packages/example/08-value-from/2.css.d.ts
new file mode 100644
index 0000000..11cb225
--- /dev/null
+++ b/packages/example/08-value-from/2.css.d.ts
@@ -0,0 +1,9 @@
+declare const styles:
+  & Readonly<{ "value1": string }>
+  & Readonly<{ "value2": string }>
+  & Readonly<{ "value3": string }>
+  & Readonly<{ "value4": string }>
+  & Readonly<Pick<(typeof import("./3.css"))["default"], "value5">>
+;
+export default styles;
+//# sourceMappingURL=./2.css.d.ts.map
diff --git a/packages/example/08-value-from/2.css.d.ts.map b/packages/example/08-value-from/2.css.d.ts.map
new file mode 100644
index 0000000..e448a49
--- /dev/null
+++ b/packages/example/08-value-from/2.css.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"sources":["./2.css"],"names":["value1","value2","value3","value4"],"mappings":"AAAA;AAAA,E,aAAOA,Q,WAAP;AAAA,E,aACOC,Q,WADP;AAAA,E,aAEOC,Q,WAFP;AAAA,E,aAGOC,Q,WAHP;AAAA,E,iEAAA;AAAA;AAAA","file":"2.css.d.ts","sourceRoot":""}
\ No newline at end of file
diff --git a/packages/example/08-value-from/3.css b/packages/example/08-value-from/3.css
new file mode 100644
index 0000000..1b43241
--- /dev/null
+++ b/packages/example/08-value-from/3.css
@@ -0,0 +1 @@
+@value value5: '';
diff --git a/packages/example/08-value-from/3.css.d.ts b/packages/example/08-value-from/3.css.d.ts
new file mode 100644
index 0000000..13b270c
--- /dev/null
+++ b/packages/example/08-value-from/3.css.d.ts
@@ -0,0 +1,5 @@
+declare const styles:
+  & Readonly<{ "value5": string }>
+;
+export default styles;
+//# sourceMappingURL=./3.css.d.ts.map
diff --git a/packages/example/08-value-from/3.css.d.ts.map b/packages/example/08-value-from/3.css.d.ts.map
new file mode 100644
index 0000000..54602f3
--- /dev/null
+++ b/packages/example/08-value-from/3.css.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"sources":["./3.css"],"names":["value5"],"mappings":"AAAA;AAAA,E,aAAOA,Q,WAAP;AAAA;AAAA","file":"3.css.d.ts","sourceRoot":""}
\ No newline at end of file
diff --git a/packages/example/app.ts b/packages/example/app.ts
index 95d1cff..29518f4 100644
--- a/packages/example/app.ts
+++ b/packages/example/app.ts
@@ -4,6 +4,7 @@ import styles3 from './03-composes/1.css';
 import styles4 from './04-sass/1.scss';
 import styles5 from './05-less/1.less';
 import styles6 from './06-postcss/1.css';
+import styles8 from './08-value-from/1.css';
 
 console.log(styles1.basic);
 console.log(styles1.cascading);
@@ -22,6 +23,7 @@ console.log(styles1.local_class_name_1);
 console.log(styles1.local_class_name_2);
 console.log(styles1.local_class_name_3);
 console.log(styles1.local_class_name_4);
+console.log(styles1.value);
 
 console.log(styles2.a);
 console.log(styles2.b);
@@ -44,3 +46,9 @@ console.log(styles5.b_1);
 console.log(styles6.a_1);
 console.log(styles6.a_2);
 console.log(styles6.b);
+
+console.log(styles8.value1);
+console.log(styles8.value2);
+console.log(styles8.value3);
+console.log(styles8.alias);
+console.log(styles8.value5);